我有一个简单的问题。以下代码适用于所有标签:
$('*').click(function(e) {
alert(1);
});
但是,当我为 id 为“content”的 div 尝试此代码时:
$('#content').click(function(e) {
alert(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);
});
关于Jquery onclick div 上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7034342/