我有一个简单的问题。以下代码适用于所有标签:
$('*').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); });