js從動態模式中的按鈕獲取事件

我嘗試從引導模式中的按鈕獲取click事件，該事件是由js創建的。js從動態模式中的按鈕獲取事件

<div class="modal fade in" id="myModal_4an2nk" role="dialog" style="display: block; padding-right: 17px;"> 
    <div class="modal-dialog modal-lg"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">×</button><h4 class="modal-title">Löschen bestätigen</h4>  
      </div> 
      <div class="modal-body"> 
       <p>Möchten Sie den Datenstatz wirklich löschen?.</p> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Schließen</button> 
       <button class="btn btn-danger removeEntryConfirm" data-dismiss="modal" id="583">Löschen</button> 
      </div> 
     </div> 
    </div> 
</div>

這種模式是根據jQuery添加到我的Html。不，我嘗試獲得點擊.removeEntryConfirm按鈕。

$(document).on('click','#removeEntryConfirm',function(e){ 
    //do something 
});

爲什麼事件不是trigert？

修訂

<button class="btn btn-danger removeEntryConfirm" data-dismiss="modal" id="583">Löschen</button> 
$(document).on('click','.removeEntryConfirm',function(e){ 

});

工作

來源

2017-07-14 Fabian Harmsen

'removeEntryConfirm'是一個類的使用''' – guradio

我沒有找到任何具有指定名稱的ID。但是這裏有一個應該使用的類。代替＃ – sagar

使用.來選擇課程。 removeEntryConfirm是一類不是ID

試試這個：

$(document).on('click','.removeEntryConfirm',function(e){ 
//do something 
});

來源

2017-07-14 06:53:15

「#removeEntryConfirm」應該是在JavaScript代碼「.removeEntryConfirm」。

如果你想選擇帶有id屬性的元素，你應該使用'＃'前綴，你應該使用'。'。前綴如果你想選擇具有class屬性的元素。

來源

2017-07-14 06:54:08

@Guradio是正確的，你的時候，你應該使用一個類選擇 $('.some_class')... 對於您所指定的元素使用一個ID選擇 $('#some_id')... 。

而且，請注意，如果您要添加的模式來使用JavaScript網頁的標記，請確保您添加單擊處理後，你的目標，如果你之前添加它已經因爲添加的元素，選擇器不會找到任何東西，它不會執行任何操作。

來源

2017-07-14 07:00:40 sauntimo

js從動態模式中的按鈕獲取事件

回答

相關問題