为什么捕捉不到单机事件？？？

[palljs001]

1、指定了a元素的id，但下面的js代码确捕获不到 它的单机事件，设断点进不去，这是怎么回事？？？ 它是block，有点击到啊。
<li><a id="bt-cancel" class="">取消</a></li>

$('＃bt-cancel').click(function(){
$('html, body').removeClass('wrap');
$('#ordersbox').hide();
});

发生这种一般情况是为什么？？？ 是因为事件有冲突吗？

2、
（1）点击$('.icon-share') 向一个Div元素中输出一段HTML内容。HTML内容中有一个”<a class="icon-close" id="lastname" href="#"></a>“，它是一个按钮。
$('.icon-share').click(function(){
window.scrollTo(0,0);
$('html, body').addClass('wrap');
$('.msg-box').html('<h4>分享到</h4><a class="icon-close" id="lastname" href="#"></a> <ul class="clearfix"> <li><a href="#"><img src="images/share-wx01.png" ></a> <span>微信</span> </li> <li><a href="#"><img src="images/share-hyq01.png" ></a> <span>朋友圈</span></li> <li><a href="#"><img src="images/share-wb01.png" ></a><span>微博</span></li> </ul>');
$('.msg').show();
$('.side').hide();
});

（2）获取后来Jquery输出的HTML代码的a元素，给它绑定单击事件，但这时按钮的单击事件确不会被触发。
$('#lastname').click(function(){
$('html, body').removeClass('wrap');
$('.msg').hide();
$('.side').show();
});
点击 a 元素单击事件不会被触发，是因为Jqeury并没有获取到后来输出的HTML文件吗？？？

这时候如果要获取到后来输出的a元素应该怎么做？？？
因为这个弹窗的格式是通用的，但是其中的HTML内容有不同。后来输出的HTML的元素也要被点击。

[lixin1412]

$().on('click',function(){}); 只有这样才行！

[palljs001]

引用 1 楼 lixin1412 的回复:

$().on('click',function(){}); 只有这样才行！

为什么只有这样才行，两个事件都是这样吗？ $(id)不行吗？

[lixin1412]

页面加载完以后，动态添加的元素你这样写时没法给他绑定事件的，.click等同于bind（'click',function(){}）,只能给一开始就有的元素绑定事件，on可以给所有元素绑定事件，貌似jquery中bind也是通过on来实现的

[hch126163]

页面 dom 解析完后，在 绑定事件

[starrycheng]

引用 3 楼 lixin1412 的回复:

页面加载完以后，动态添加的元素你这样写时没法给他绑定事件的，.click等同于bind（'click',function(){}）,只能给一开始就有的元素绑定事件，on可以给所有元素绑定事件，貌似jquery中bind也是通过on来实现的

.click等同于bind（'click',function(){}）,只能作用于第一次dom解析的元素。 用.bind()的代价是非常大的，它会把相同的一个事件处理程序hook到所有匹配的DOM元素上 不要再用.live()了，它已经不再被推荐了，而且还有许多问题 .delegate()会提供很好的方法来提高效率，同时我们可以添加一事件处理方法到动态添加的元素上。 我们可以用.on()来代替上述的3种方法 http://www.cnblogs.com/moonreplace/archive/2012/10/09/2717136.html

[palljs001]

引用 7 楼 starrycheng 的回复:

[quote=引用 3 楼 lixin1412 的回复:] 页面加载完以后，动态添加的元素你这样写时没法给他绑定事件的，.click等同于bind（'click',function(){}）,只能给一开始就有的元素绑定事件，on可以给所有元素绑定事件，貌似jquery中bind也是通过on来实现的

.click等同于bind（'click',function(){}）,只能作用于第一次dom解析的元素。 用.bind()的代价是非常大的，它会把相同的一个事件处理程序hook到所有匹配的DOM元素上 不要再用.live()了，它已经不再被推荐了，而且还有许多问题 .delegate()会提供很好的方法来提高效率，同时我们可以添加一事件处理方法到动态添加的元素上。 我们可以用.on()来代替上述的3种方法 http://www.cnblogs.com/moonreplace/archive/2012/10/09/2717136.html [/quote] 用on 这样写 $("#lastname").on( "click", function() { $('html, body').removeClass('wrap'); $('.msg').hide(); $('.side').show(); }); 和 $('#lastname').click（function(){}）这样写应该是一样的，起不到作用。 应该怎么写才有作用呢？？？

[palljs001]

$("#lastname").live( "click", function() { $('html, body').removeClass('wrap'); $('.msg').hide(); $('.side').show(); }); 这样写也没有作用。

[香蕉猪]

如果楼主外层加了$(document).ready(function(){});还是不能click，，，，那就是楼主没有引入jquery.js文件。。。

[palljs001]

引用 10 楼 gy127132060 的回复:

如果楼主外层加了$(document).ready(function(){});还是不能click，，，，那就是楼主没有引入jquery.js文件。。。

$(function(){})加了这个可以吧。用的是zopto.js。和Jqeury一样的。

[无敌兔斯基]

用$().live("click",function(){})来绑定后面添加的元素事件

[usecf]

页面加载完以后，动态添加的元素你这样写时没法给他绑定事件的，.click等同于bind（'click',function(){}）,只能给一开始就有的元素绑定事件，on可以给所有元素绑定事件，貌似jquery中bind也是通过on来实现的 你也可以在html中增加onclick事件，然后调试，断点就可以进去