jquery事件对Html网页动态生成的元素失效

来源:互联网 发布:软件对比分析报告 编辑:程序博客网 时间:2024/05/05 12:33

在网页中有几个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!");});
0 0
原创粉丝点击