javascript - 如何在不复制的情况下重复刷新div？

Question

<div id="result" class="cart-content">
[_divmenu]
<div id="cartid" class="cart-one-goods">
    <img src="../templates/img/[_image]" alt="товар" class="cart-img-goods">
    <h3 class="cart-name-goods">[_name]</h3>
    <button class="cart-btn btn-plus" data-id=[_id] data-qu=[_quantity]></button>
    <input  class="cart-number-goods" value="[_quantity]" type="text">
    <button class="cart-btn btn-minus" data-id=[_id] data-qu=[_quantity]></button>
    <p class="cart-price-goods">[_summary] р.</p>
    <button class="cart-btn cart-delete" data-id=[_id]></button>
</div>
[_divmenu]

$(document).ready(function(){  
    $(".cart-one-goods").on('click', '.btn-plus', function(){
        id = $(this).attr("data-id");
        qu = $(this).attr("data-qu");
        $.ajax({
            type: "POST",
            url: '../moduls/plus-minus-cart.php',
            data: {
                idtovara: id, 
                quant: qu,
                plus: 'plus'
            },
            success: function(data) {
                $("#result").load(location.href+ ' #cartid');
            }
        });
    });
});

单击按钮后，div 'result' 中的数据仅更新一次。

如何更改此代码以在每次单击按钮时更新 div？

Answer 1

既然您已经提到了一个 childSelector，它是 .btn-plus，该函数将不会第二次工作，因为在使用 加载元素后。 btn-plus 类不存在于其中。因此，您可以提及另一个 childSelector，它在加载后保持不变，或者根本不提及。