jquery点击功能未被调用

时间:2011-05-16 06:29:44

标签: jquery

为什么没有调用click函数?

    <html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js" type="text/javascript" />
    <script type="text/javascript">
        $('#test').click(function () {
            alert('clicked');            
        });    
    </script>

</head>
<body>
    <a id="test" href="#">Click here</a>
</body>
</html>

3 个答案:

答案 0 :(得分:5)

您正在向尚不存在的元素添加事件。将事件侦听器包装在DOM就绪函数中,或将脚本标记移动到元素下面。

答案 1 :(得分:3)

您必须在:

处有一个结束脚本标记
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js" 
type="text/javascript" >
</script>

并且您必须在:

中调用您的点击装订
$(document).ready(function(){
  $('#test').click(function () {
        alert('clicked');            
    }); 
});

答案 2 :(得分:1)

以这种方式包裹:

$(function(){
    $('#test').click(function () {
        alert('clicked');            
    });    
});

为了等到DOM准备好执行点击功能。