Jquery 函数未加载到页面上_Jquery

Jquery 函数未加载到页面上

jquery

Jquery 函数未加载到页面上,jquery,Jquery,当Click event with jquery函数位于a标记之前时不工作，但在a标记之后工作正常。另外，如果我使用document.ready，它也可以工作。我想知道为什么它在a标签之前不工作 <head> <script type="text/javascript"> function jchand(){ $('a').click(function(){ alert('a')

当Click event with jquery函数位于a标记之前时不工作，但在a标记之后工作正常。另外，如果我使用

document.ready

，它也可以工作。我想知道为什么它在a标签之前不工作

<head>
    <script type="text/javascript">
        function jchand(){
            $('a').click(function(){
                alert('a')
            })
        }
        jchand();
    </script>
</head>
<body>
    <a href="#" >click me</a>
</body>


函数jchand（）{
$（'a'）。单击（函数（）{
警报（'a'）
})
}
jchand（）；

，因为在DOM中加载之前调用了脚本。在这一点上，它看不到任何要附加的“a”元素。虽然函数声明可以，但必须在“a”之后调用

document.ready函数在加载页面的所有元素后调用脚本，因此将触发脚本

因为脚本在DOM中加载之前被调用。在这一点上，它看不到任何要附加的“a”元素。虽然函数声明可以，但必须在“a”之后调用

document.ready函数在加载页面的所有元素后调用脚本，因此将触发脚本

$（'a'）

查找

元素，但DOM尚未就绪。使用

$（document）.ready（）

创建回调函数，该函数在DOM实际就绪时触发：

$(document).ready(function() {
    $('a').click(function(){
        alert('a');
    })
})

$（'a'）

查找

元素，但DOM尚未就绪。使用

$（document）.ready（）

创建回调函数，该函数在DOM实际就绪时触发：

$(document).ready(function() {
    $('a').click(function(){
        alert('a');
    })
})

在DOM准备就绪之前执行脚本。如果您在document ready（

$（document）.ready（function（））

或

$（function（））

）上调用函数，它将工作如下：

<head>
<script type="text/javascript">
    function jchand(){
        $('a').click(function(){
            alert('a')
        })
    }

    $(function() {
        jchand();
    })
</script>
</head>
<body>
<a href="#" >click me</a>
</body>


函数jchand（）{
$（'a'）。单击（函数（）{
警报（'a'）
})
}
$（函数（）{
jchand（）；
})

在DOM准备就绪之前执行脚本。如果您在document ready（

$（document）.ready（function（））

或

$（function（））

）上调用函数，它将工作如下：

<head>
<script type="text/javascript">
    function jchand(){
        $('a').click(function(){
            alert('a')
        })
    }

    $(function() {
        jchand();
    })
</script>
</head>
<body>
<a href="#" >click me</a>
</body>


函数jchand（）{
$（'a'）。单击（函数（）{
警报（'a'）
})
}
$（函数（）{
jchand（）；
})

当您尝试绑定

时，元素不存在。请单击

，因为页面尚未完成加载

另一件事，如果我正在使用文档。准备就绪，那么它正在工作

好的，这正是

$（文档）的内容。ready

用于：

或者，您可以使用：

它将绑定到整个文档，因此将适用于将来添加的任何元素。

当您尝试绑定

时，该元素不存在。单击，因为页面尚未完成加载
另一件事，如果我正在使用文档。准备就绪，那么它正在工作
好的，这正是$（文档）的内容。ready
用于：
或者，您可以使用：
它将绑定到整个文档，因此对将来添加的任何元素都有效。
最可能的问题是jchand（）在
元素存在之前执行。试试这个：
<script type="text/javascript">
$(function(){
$('a').click(function(){
alert('a')
})
});
</script>


$（函数（）{
$（'a'）。单击（函数（）{
警报（'a'）
})
});
最可能的问题是jchand（）在
元素存在之前执行。试试这个：
<script type="text/javascript">
$(function(){
$('a').click(function(){
alert('a')
})
});
</script>


$（函数（）{
$（'a'）。单击（函数（）{
警报（'a'）
})
});