提问者:小点点

当页面加载jQuery时,我如何调用函数?


我想在页面加载所有元素之后触发一个JavaScript函数,并且我必须将一些HTTP请求数据回显到页面的某个地方,并使用JavaScript从DOM获取信息。

因此,我创建了这个函数,并在页面加载时使用jQuery激发它,但是它没有调用javascript(我认为DOM还没有加载),那么如何修复这个问题呢?

  <script>
    $( document ).ready(function(){
        myFunction(); // firing the function 
    });
    </script>
    <script>
    function myFunction(){
    var target = document.getElementById("target");
    var formscount = target.textContent(); // the number of items from [#target]
    alert(target);
    if (formscount > 0) {
        active="";
        for (i=0; i < formscount; i++) {
            var str='active'
            if (i > 0){
            str =  ''
            }
            $('#DOM').append($('SOME HTML ELEMENTS');        
            event.preventDefault()
        }
    }
}

</script>

DOM调用(目标)来传递数据($_post['itemsCount']):

<?
$count = $_POST['itemscount'];
?>

<div id="target" style="display:none;">
<?  $output = $_POST['productscount']; // or $Count //
    echo htmlspecialchars($output); 
?>
</div>

共1个答案

匿名用户

首先,textContent不是一个函数。 所以应该这样写:

var formscount = target.textContent;

第二件事,$('#dom').append($('Some HTML Elements');行中缺少右括号)

$('#DOM').append($('SOME HTML ELEMENTS'));  

第三件事,event.PreventDefault()将无法工作,因为事件未定义。 您可以将其移除。

最后,php标记以开头,而不仅仅是以开头。

<?php
$count = $_POST['itemscount'];
?>

<div id="target" style="display:none;">
<?php
    $output = $_POST['productscount']; // or $Count //
    echo htmlspecialchars($output); 
?>
</div>