网站建设资讯

NEWS

网站建设资讯

html使用jquery的click事件无效怎么解决

html使用jquery的click事件无效怎么解决?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

创新互联建站主要从事网站建设、成都网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务滨州,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220

在动态增加的内容中包含点击按钮,但是通过jquery的click无法触发

$('#addone').click(function () {

var appendStr=
" 

\n" + "

\n" + "

\n" + " \n" + "

\n" + "

\n" + "

"; $("#firstone").append(appendStr) }); $("#firstone").on("click",".deleteone",function () { alert(1234) $(this).closest(".layui-row").remove(); })

比如通过id为 addone 的按钮向idfirstone 的p中动态加入一个包含classdeleteone 的按钮的p,点击这个按钮可以触发事件,但是发现

$('.deleteone ').click(function () {
})

没任何反应

现在需要使用到jquery的on事件,通过把click事件向元素中的指定内容附加

$("#firstone").on("click",".deleteone",function () {
alert(1234)
$(this).closest(".layui-row").remove();

看完上述内容,你们掌握html使用jquery的click事件无效的解决方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


文章名称:html使用jquery的click事件无效怎么解决
文章来源:http://cdweb.net/article/jipchh.html