jQuery的點擊並不會在追加

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(); 
}); 

工作。可能是什麼問題？

Answer 1

您需要將代表綁定到DOM中較高的代碼。

您可以使用$(document)，但我會將您的DOM操作從哪裏定位到下一位家長。舉個例子：

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

然後，你可以綁定到「容器父」：

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

這應該允許代表留保持不變。