开发者社区> 问答> 正文

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

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");
            }
        });

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

展开
收起
小旋风柴进 2016-03-26 09:14:05 2494 0
1 条回答
写回答
取消 提交回答
  • 方法一:

    `$("body").on("click",".chapter_title",function(){

     // 干什么

    })`
    方法二:
    `settimeOut(function(){

    // 加入事件 

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

    2019-07-17 19:15:13
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
《零基础HTML入门教程》 立即下载
天猫 HTML5 互动技术实践 立即下载
天猫HTML5互动技术实践 立即下载