0

5 つのファイル アップロード フィールドと [[+] ファイルを追加] リンクを含むフォームがあります。クリックごとに1つのフィールドを表示することでうまく機能しますが、添付ファイルの後、以下に示すようにDOM構造が変化するため、[+]ファイルを追加すると、一度に2つのフィールドが表示されます(1つではなく)。理由がよくわかりません

ここに画像の説明を入力

これがHTML構造です ここに画像の説明を入力

jQueryコードは次のとおりです。

//FETCH THE ARRAY OF 5    
var webform_divs = $('.webform-client-form').find('div[id$="-ajax-wrapper"]');
//INITIAL STATE    
    if (!($("#addmore").length > 0)) {
                    webform_divs.hide();
                   webform_divs.first().show();
                    webform_divs.last().after('<a id="addmore" href=#>'+"[+] Add more files"+'</a>');
                }
//FUNCTION CALL 
more_upload_fields(webform_divs);    

//FUNCTION BODY
                function more_upload_fields(field_wrappers) {

                    $("#addmore").click(function(e) {
                        e.preventDefault();

                        field_wrappers.each(function(index) {
                           if ($(this).is(":hidden")) {
                                //console.log(index);
                                //console.log($(this));
                                $(this).show();
                                if ($(this).next().is('#addmore')) {
                                    $("#addmore").hide();
                                }
                                return false;
                            }
                        });
                        return false;
                    });
                }
4

0 に答える 0