选择并刷新时使用jQuery复读器+追加

Question

我正在创建的发票编辑页面中使用Jquery Repeater (https://github.com/DubFriend/jquery.repeater)。中继器用于重复发票上的项目(项目标题、价格和选定的税种)。我们可以使用ajax表单添加一个新的Tax。新的税会添加到现有的项目列表中，但一旦单击Add item，中继器似乎正在使用select中第一个创建的选项集，而不是包含新创建的选项的最后一个选项。

​

​

下面是我正在使用的中继器代码

$(".invoice-item-repeater").length && $(".invoice-item-repeater").repeater({
            show: function () {
                $(this).slideDown(function () {
                    $('.tax').trigger('change', true);
                })
            }, hide: function (e) {
                $(this).slideUp(e, function () {
                    $(this).remove();
                    calculate()
                });
            }
        });

所有选定的税种都具有.tax类

正如您在示例中看到的，在ajax表单上添加了14%的税，并将其添加到前两组选择选项中，因为在创建新的税时它们已经在DOM中，但是对于下一个添加的项，没有新的14%的税，我们只有0%的税。

Answer 1

我认为你应该触发每一个元素。

$(this).slideDown(function () {
        $('.tax').each(function (_, el) {
            el.trigger('change', true);
        });
    });