一個博客列表樣式的網站,文章列表采用ajax下拉加載。ajax加載的html怎么綁定一個jq事件呢?在網上查了很多資料。都說是用.on 我測試了.on是可以,但是我這個需求跟網上說的又不太符合,所以只好前來提問。html部分:<!--一個文章列表模塊開始---><dl class="post">
<h2>標題</h2>
<a href="javascript:;" class="test-on" >anniu</a>
<div style="display:none" class="js-box">js操作內容塊</div></dl><!--一個文章列表模塊結束--->要的效果,點擊"test-on"展開"js-box"。文章模塊的".post"是ajax下拉加載的。我寫的js代碼:$(".post").each(function(){
var _this = this
$(this).on("click",".test-on",function(){
$(_this).find(".js-box").fadeToggle();
})
});對比網上找的資料,我的疑問點是:怎么讓點擊按鈕點擊后只在其所在對應的文章模塊內生效?
ajax加載出來的html綁定事件
精慕HU
2018-10-16 13:15:15