javascript - 给jquery ajax 拼接的html标签绑定一个tap事件总是无法点击？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - 给jquery ajax 拼接的html标签绑定一个tap事件总是无法点击？

怪我咯 2017-04-10 15:10:17

[JavaScript讨论组]

669

ajax得到的数据拼接

esub+="<li  class='chapter_li'>

<p class='chapter_title'><s class='fontIcon sicon'></s>"+etitle+"</p>



<ul class='chapter_section' style='display: none'>"+tsub+"</ul>

</li>";
$(".chapter").html(esub);

//然后在ready（）中写这段代码
$(".chapter_title").on("tap",function(){
            var check=$(this).css("display");
            if(check=="none"){
                $(this).next().css("display","block");
                $(this).children("s").css("content","\ea41");
            }
            else if(check=="block"){
                $(this).next().css("display","none");
                $(this).children("s").css("content","\ea43");
            }
        });

项目打开后无法执行，其他页面定义的标签绑定事件就没问题不知该如何解决

怪我咯

走同样的路，发现不同的人生

全部回复(4)

伊谢尔伦2017-04-10 15:12:17 4楼

方法一：
$("body").on("click",".chapter_title",function(){
     // 干什么
})
方法二：
settimeOut(function(){
    // 加入事件 
},0)

事件是需要绑定在元素上的，当你的内容是后加载的情况下就必定会发生，但是如果你把事件绑定在body上，然后去选择元素则不一样。具体没太研究，求大神说下原理

赞 +0

添加回复

黄舟2017-04-10 15:12:17 3楼

1.$(".chapter").on("click",".chapter_title",function(){
})
元素是后加载的，不要直接绑定在元素上，最好绑定在已经加载的父元素上。
2.jquery本身是没有tap事件的吧，是在jquery mobile里头的。楼主加载jquery mobile了么？

赞 +0

添加回复