jQuery的点击对追加不起作用

jQuery click does not work on append

本文关键字:追加 不起作用 jQuery      更新时间:2023-09-26
$('.spinner').on('click', '.btn:first-of-type', function() {
  var $input = $(this).closest('.numeric-btn').find('.spinner input');
  $input.val( parseInt($input.val(), 10) + 1).keyup();
});

当我用

替换div时,其中.spinner类为
$('.side-form > div.cart-form').replaceWith(cart_form);

则单击事件不起作用。

您需要将委托绑定到DOM中更高层的东西。

您可以使用$(document),但我会从您正在做DOM操作的地方瞄准下一个父级。例如:

<div id='container-parent'>
    <div class='spinner'>
        <div class='btn btn-default'>
        </div>
    </div>
</div>

那么你可以绑定到'container-parent':

$('#container-parent').on('click', '.btn:first-of-type', function(){...}