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

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

jQuery單擊不適用于ajax生成的內容

jQuery單擊不適用于ajax生成的內容

回首憶惘然 2019-10-25 11:06:44
我在用 $(".button").on("click", function(){ });單擊到容器上的按鈕,但隨后進行了ajax調用,并且內容用新內容進行了更新,然后當我嘗試單擊.button它時將不起作用...單擊按鈕時,什么也不會返回。我什至試過$(".button").live("click", function(){ });要么$(".button").click(function(){ });我該如何運作?編輯: 我的HTML:<div class="container">   <ul>       <li>item1</li>       <li>item2</li>       <li>item3</li>   </ul>   <input type="button" value="reload" class="button" /></div>
查看完整描述

3 回答

?
函數式編程

TA貢獻1807條經驗 獲得超9個贊

應該以這種方式完成。


$('body').on('click', '.button', function (){

        alert('click!');

    });

如果您的容器在ajax請求期間沒有更改,則性能更高:


$('.container').on('click', '.button', function (){

        alert('click!');

    });

始終將委托事件綁定到將包含動態元素的最接近的靜態元素。


查看完整回答
反對 回復 2019-10-25
?
一只甜甜圈

TA貢獻1836條經驗 獲得超5個贊

好的,因為我缺少一個參數,所以可以通過正確使用.on()函數解決我的問題。


代替


$(".button").on("click", function() { } );

我用了


$(".container").on("click", ".button", function() { } );


查看完整回答
反對 回復 2019-10-25
  • 3 回答
  • 0 關注
  • 433 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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