logo标签列表

jQuery点击函数未被调用

jquery
3
为什么点击功能没有被调用？
    <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个回答
6
您正在为一个不存在的元素添加事件。请将您的事件监听器包装在DOM-ready函数中，或将您的脚本标签移动到该元素下方。
4

你必须在以下位置添加一个闭合的 script 标签：

<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');            
    }); 
});
捕捉到闭合的脚本标签加1分。虽然从技术上讲，他这样做是可行的（使用自闭合的<script />），只要他将页面作为“application/xhtml+xml”提供。 - Domenic
2

这样包装它：

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

为了等待DOM准备好后再执行点击功能。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接