2017-01-25 2 views
1

Problem mit div anhängtanhängen innerhalb append (dynamisch angehängt) von jQuery

Ich möchte Element in einem angehängten Element

I angefügt, um einen Knopf anhängen und auf diese Schaltfläche Ich möchte das Formular anhängen (in ein neues div)

ich bin für jede Hilfe

http://codepen.io/hesham-farag/pen/RKZaoe

var addcheck = $(".add-checkbox"), 
     // button for form   
     addcheck_box = $(".add-box-checkbox"), 
     // add form  
     box_checkboxx = "<form class=\"check-control\"><div class=\"checkbox\"><input class=\"form-control\" type=\"type\" name=\"test"+clicked+"\" value=\"test\" /></div><input type=\"checkbox\" name=\"test"+clicked+"\" value=\"test\" /><input class=\"form-control\" type=\"type\" name=\"test"+clicked+"\" value=\"test\" /><a href=\"\" class=\"add-checkbox\">add new</a></div>", 
     // add add checkbox & input 
     checkboxx = "<div class=\"checkbox\"><input type=\"checkbox\" name=\"test"+clicked+"\" value=\"test\" /><input class=\"form-control\" type=\"type\" name=\"test"+clicked+"\" value=\"test\" /></div></form>", 
     // valu zero  
     clicked = 0; 

    addcheck_box.on("click",function(){ 
     $(".wrap-surve-input").append(box_checkboxx); 
    }); 



    addcheck.on("click",function(){ 
     clicked++; 
     $("form").append(checkboxx); 
    }); 
sehr dankbar
+0

add gemacht müssen zu erhalten Ihr html aswell – neophyte

+0

Entschuldigung Sie meinen "html Tags also in js" –

+0

Nein fügen Sie atleast den Teil Ihres HTML-Codes, der für die Jquery verantwortlich ist zu arbeiten. – neophyte

Antwort

0

ich überprüfen Sie den Code, und ich habe einige Bit in Ihrem Code beheben zu passen, was u müssen, wie ich versuche, was u genau diesen Link bitte überprüfen i neue Gabel

http://codepen.io/Ahmed-Elemam/pen/MJvqmx

$(document).on("click",".add-box-checkbox",function(){ 
    $(".wrap-surve-input").append(box_checkboxx); 
}); 


$(document).on("click",".add-checkbox",function(){ 
//addcheck.on("click",function(){ 
    clicked++; 
    $("form").append(checkboxx); 
});