亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

ajax加載出來的html綁定事件

ajax加載出來的html綁定事件

精慕HU 2018-10-16 13:15:15
一個博客列表樣式的網站,文章列表采用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();     }) });對比網上找的資料,我的疑問點是:怎么讓點擊按鈕點擊后只在其所在對應的文章模塊內生效?
查看完整描述

1 回答

?
慕村225694

TA貢獻1880條經驗 獲得超4個贊

如果.post是Ajax加載的,那么你應該把事件綁到它的父元素上。比如:

$('#root').on('click', '.test-on', function() { //這里假設.post的父元素是#root
    $(this).next('.js-box').fadeToggle(); //$(this)即是event.target,當前點擊的目標元素}

不用循環綁定,這段寫在ready回調里就可以了。


查看完整回答
反對 回復 2018-11-17
  • 1 回答
  • 0 關注
  • 744 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號