jQuery的單擊事件從未觸發

Question

我有以下的javascript代碼：

$(function(){ 
    $('a.folder').click(function() { 
     // code goes here ... 
    } 
}); 

而下面的html代碼：

<a class="folder" href="GetFilesAndFolders?rootFolder=Exigences">Etudes de cas</a> 

每當我點擊鏈接，永遠達不到的JavaScript代碼。我必須說，這個HTML代碼是在頁面加載後動態生成的。這是原因嗎？任何解決方法？

Answer 1

當你裝上單擊處理它可能是你的錨不存在，請嘗試使用此：

$(function(){ 
    $(document.body).on('click', 'a.folder', function() { 
     // code goes here ... 
    }); 
}); 

使用該event delegation單擊事件將觸發即使你的錨在這段代碼之後動態創建。

Answer 2

$(document).ready(function() { 
 
    $("body").on("click", "a.folder", function(e) { 
 
    e.preventDefault(); 
 
    alert('a .folder was clicked'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a class="folder" href="GetFilesAndFolders?rootFolder=Exigences">Etudes de cas</a>