代码未运行.click超链接

Pos*_*Guy 2 jquery

当我有这个时,代码没有在.click上运行:

$(".cancel").click(function() {
    alert("got here");
    $(this).closest(":dialog").dialog("close");                            
});

<a class="cancel" href=""><img src="images/cancelButton.gif" border="0" /></a>
Run Code Online (Sandbox Code Playgroud)

它必须是愚蠢的东西,但我看不到它.

Arm*_*est 7

我会假设你正在包装代码$(document).ready( function () { ... });?

$(document).ready( function () {
  $('.cancel').click( function(e) {
     alert('here!');
     e.preventDefault(); // prevents click from following through
  });
});
Run Code Online (Sandbox Code Playgroud)

  • 重要的是要注意这里的"为什么":没有"文档就绪"条件,目标链接在DOM中尚不存在,并且不能被jQuery修改. (5认同)