Jquery onclick div 上

Question

我有一个简单的问题。以下代码适用于所有标签:

$('*').click(function(e) {  
    alert(1);
});

但是，当我为 id 为“content”的 div 尝试此代码时:

$('#content').click(function(e) {  
    alert(1);
});

我做错了什么？

Answer 1

确保它位于文档就绪标记内或者，尝试使用 .live

$(document).ready(function(){

    $('#content').live('click', function(e) {  
        alert(1);
    });
});

示例:

$(document).ready(function() {
    $('#content').click(function(e) {  
      alert(1);
    });
});

#content {
    padding: 20px;
    background: blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div id="content">Hello world</div>

从 jQuery 1.7 开始，.live() 方法已被弃用。使用 .on() 附加事件处理程序。

$('#content').on( "click", function() {
    alert(1);
});