2011-05-16 94 views
2

为什么点击功能没有被调用?jquery点击功能没有被调用

<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

,你必须有一个结束脚本标签:

<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');    
    }); 
}); 
+0

+1用于捕捉关闭脚本标记。尽管从技术上讲,它可以按照他自己的方式工作(自闭合“

5

要添加事件,那并不是一个元素现在还没有。将您的事件侦听器包装在DOM就绪函数中,或将脚本标记移动到元素下方。

1

总结这样说:

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

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