隐藏第1个外repeater jQuery形式的中继器中继器

Question

$(document).ready(function () {
            $('.outer-repeater').repeater({
                show: function() {
                    $(this).slideDown();
                },
                hide: function (deleteElement) {
                    if(confirm('Outer delete sure?')) {
                        $(this).slideUp(deleteElement);
                    }
                },
               
                repeaters: [{
                    selector: '.inner-repeater',
                    hide: function (deleteElement) {
                        if(confirm('Inner delete sure?')) {
                            $(this).slideUp(deleteElement);
                        }
                    },
                    show: function() {
                        $(this).slideDown();
                    }
                }]
           
            });
        });

我坚持了2天。因此，这是我的问题：

1. 初始化后如何隐藏第一外围中继器？仅在单击添加按钮后才出现。
2. 当我尝试删除内部项目时，我会收到2次删除外部删除确认，然后进行内部删除确认。 我读了类似的主题，但我无法在代码中弄清楚。 https://github.com/dubfriend/jquery.repeath.repeath.repeath/42

Answer 1

对于您的第一个问题：“ 初始化后如何隐藏第1个外围中继器？它只有在单击添加按钮后才出现。

• ”

可以添加样式=“显示：无;”在您的第一个数据重复程序中示例：

<form class="repeater">
    <div data-repeater-list="group-name">
      <div data-repeater-item style="display:none;">
        ...
        <input data-repeater-delete type="button" value="Delete"/>
      </div>
    </div>
    <input data-repeater-create type="button" value="Add"/>
</form>

• 选择＃2

另一个选择是删除元素

$('#filters_repeater').repeater({
    initEmpty: false,

    show: function () {
        $(this).slideDown();
    },

    hide: function (deleteElement) {
        $(this).slideUp(deleteElement);
    }
});

// Delete first element on the repeater as it is only to define the structure to repeat
$('#filters_repeater').find('[data-repeater-delete]').click();

Answer 2

        $('.outer-repeater').repeater({
        //--------> just add this here<-------
            initEmpty: true,
        // ------------------------
            show: function() {
                $(this).slideDown();
            },
            hide: function (deleteElement) {
                if(confirm('Outer delete sure?')) {
                    $(this).slideUp(deleteElement);
                }
            },
           
            repeaters: [{
                selector: '.inner-repeater',
                hide: function (deleteElement) {
                    if(confirm('Inner delete sure?')) {
                        $(this).slideUp(deleteElement);
                    }
                },
                show: function() {
                    $(this).slideDown();
                }
            }]
 
        });