jQuery - 添加行爲，當點擊其他按鈕時動態創建的按鈕

-1

我被困在這一點上。我正在做一個jQuery的動態表單，我想添加一個刪除按鈕，當我點擊一個Add new tasks時動態創建。jQuery - 添加行爲，當點擊其他按鈕時動態創建的按鈕

所以有我的JS腳本。第一個是Add new tasks button： -

$("#bttn-add").click(function(){   
     $("#bttn-add-function").before(
      '<div class="toadd panel panel-default panel-body">'+ 
       '<div class="form-group func">'+ 
        '<label>Función a desarrollar <sup style="color:red">*</sup></label>'+ 
        '<input class="form-control" type="text" placeholder="Función a desarrollar" maxlength="200" required>'+ 
       '</div>'+ 
       '<div class="form-group tarea">'+ 
        '<label>Tarea principal en esta función <sup style="color:red">*</sup></label>'+ 
        '<textarea class="form-control" placeholder="Enumere las funciones de su puesto de trabajo comenzando por las más representativas, así como las tareas necesarias para el cumplimiento de las mismas" rows="3" required></textarea>'+ 
       '</div>'+ 
       '<div>'+ 
        '<button class="button btn-danger" type="button"><span class="fa fa-minus"></span></button>'+ 
       '</div>'+ 
      '</div>' 
     ); 
});

，然後將片段添加一個行爲Delete按鈕不工作： -

$("button .btn-danger").click(function(){ 
    console.log($(this).parent()) 
})

注：它與「添加新作品任務」按鈕，但「刪除」

來源

2017-07-24 UnsignedFoo

使用事件代表團：$（文件）。在（ '點擊'， '.btn-危險'，函數（）{ 的console.log（$（本）.parent（）） } ）; – hallleron

@hallleron快速有效，謝謝！我花了這麼一個小時。 – UnsignedFoo

檢查這一個 https://stackoverflow.com/questions/35808058/onclick-is-not-working/35808785#35808785 –

試試這個

$(document).on('click',"#bttn-add button .btn-danger",function(){ 
    console.log($(this).parent()) 
})

來源

2017-07-24 11:30:49

工作！謝謝！ – UnsignedFoo

$(document).ready(function(){ 
 
$("#bttn-add").on('click',function(){   
 
     $("#bttn-add").before(
 
      '<div class="toadd panel panel-default panel-body">'+ 
 
       '<div class="form-group func">'+ 
 
        '<label>Función a desarrollar <sup style="color:red">*</sup></label>'+ 
 
        '<input class="form-control" type="text" placeholder="Función a desarrollar" maxlength="200" required>'+ 
 
       '</div>'+ 
 
       '<div class="form-group tarea">'+ 
 
        '<label>Tarea principal en esta función <sup style="color:red">*</sup></label>'+ 
 
        '<textarea class="form-control" placeholder="Enumere las funciones de su puesto de trabajo comenzando por las más representativas, así como las tareas necesarias para el cumplimiento de las mismas" rows="3" required></textarea>'+ 
 
       '</div>'+ 
 
       '<div>'+ 
 
        '<button class="button btn-danger" type="button"><span class="fa fa-minus"></span>Delete</button>'+ 
 
       '</div>'+ 
 
      '</div>' 
 
     ); 
 
}); 
 
    
 
$(document).on('click','.btn-danger',function(){ 
 
    console.log("lala") 
 
}) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="bttn-add">add</div>

來源

2017-07-24 11:34:38

jQuery - 添加行爲，當點擊其他按鈕時動態創建的按鈕

回答

相關問題