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即使在此代码之后动态创建了锚点，也会触发click事件。

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>

jQuery点击事件从未触发过

2 个答案: