Question

我正在尝试为我的网络表单中的可重复块开发功能，问题是当我点击它们时按钮什么都不做我已经在控制台中测试了它们并且它们确实有效，它们只是不做任何事情并且不确定为什么，我已经为此工作了2天而且处于停滞状态，任何能指出我正确方向的人都会非常感激。

它应该生成该字段集中包含的字段并生成相同的空字段集，并且不确定加号或减号函数是否有错误。

                   $('input, fieldset').each(function(){
        if ($(this).attr('data-maxOccurs') != 1){
            $(plusMinusButtons).insertAfter(this);
        }
    });
    $('.glyphicon-plus-sign').hover(function(){
                                                $(this).addClass('green');
                                              },
                                    function(){
                                                $(this).removeClass('green');
                                              }
                                    );
    $('.glyphicon-minus-sign').hover(function(){
                                                $(this).addClass('red');
                                               },
                                     function(){
                                                $(this).removeClass('red');
                                               }
                                    );
    $('body').on("click", '.glyphicon-plus-sign', function (){
                                                        prevInput = $(this).prev('input');
                                                        count = $(prevInput).attr('data-count');
                                                        countIncremented = count++;
                                                        br = '<br/><br/>';
                                                        inputElement = '<input type="'+$(prevInput).attr("type")+'" name="'+$(prevInput).attr("name")+countIncremented+'" data-count="'+countIncremented+'"/>';
                                                        $(br + inputElement + plusMinusButtons).insertAfter('.'+$(prevInput).attr("name")+':last');
                                                    }
                                );
    $('body').on("click", '.glyphicon-minus-sign', function (){
                                                        prevInput = $(this).prev('input');
                                                        $(this).remove(prevInput).remove(this);
                                                    }
                                );
    $("button").click(function(){
        console.log("here");
        x=$('#form').serializeArray();
        $.each(x, function(i, field){
          console.log(field.name + ":" + field.value + " ");
        });
    });
});

这是JSfiddle：Fiddle

Answer 1

代码用于复制字段集。

$('body').on("click ", '.glyphicon-plus-sign', function() {
                        console.log("here ");
                        prevInput = $(this);
                        count = $(prevInput).attr('data-count=')||0;
                        countIncremented = count++;
                        br = '<br/><br/>';


                        $($(this).parent()).clone().insertAfter($(this).parent());

可重复的块功能

1 个答案: