在网页中有几个a标签,一部分静态写在html中,一部分则是动态生成。
<body>
<div id="btns">
<a href="javascript:void(0);" class="shareBtn" style="visibility: visible;">分享到+</a>
<a href="javascript:void(0);" class="shareBtn" style="visibility: visible;">分享到+</a>
<div>
</dody>
js代码
//动态生成
$("#btns").append('<a href="javascript:void(0);" class="shareBtn" style="visibility: visible;">分享到+</a> ');
//点击事件
$(".shareBtn").click(function(){
alert("share!");
});
动态生成的a标签点击后并没响应,解决方法:
$(document).on('click','.shareBtn',function(){
alert("share!");
});