我在用 $(".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!');
});
始終將委托事件綁定到將包含動態元素的最接近的靜態元素。

一只甜甜圈
TA貢獻1836條經驗 獲得超5個贊
好的,因為我缺少一個參數,所以可以通過正確使用.on()函數解決我的問題。
代替
$(".button").on("click", function() { } );
我用了
$(".container").on("click", ".button", function() { } );
- 3 回答
- 0 關注
- 433 瀏覽
添加回答
舉報
0/150
提交
取消