jQuery click在append上不起作用

Question

$('.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);

然后点击事件不起作用。可能是什么问题？

Answer 1

您需要将委托绑定到DOM中更高的位置。

您可以使用$(document)，但我会将您的DOM操作定位到下一个父级。举个例子：

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

然后你可以绑定到＆＃39; container-parent＆＃39;：

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

这应该允许代表保持原样。