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

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