单击事件未从 href 链接触发

Question

我有一个奇怪的问题，我会尽力解释。我有一个标题，在那个标题中有一个菜单。当站点第一次加载时，它会加载 main.php，如果我单击菜单中的链接以打开一个对话窗口，则什么也没有发生。但是，如果我导航到另一个页面，该链接将起作用。我无法理解为什么会发生这种情况，因为在标题加载时菜单正在正确加载。如果有人能就我可以尝试的事情提出一些建议，我将不胜感激。这发生在所有浏览器中。谢谢

html代码

<div class="col_1">    
    <h3>Boxes</h3>
    <ul>
      <li><a href="#" class="BA">Add Box(es)</a></li> <!-- This is the culprit. -->
      <li><a href="/domain/admin/requests/boxes/index.php">Administration</a></li>
    </ul>   
</div>

jquery 代码

$(function(){
      $("a.BA").click(function(){
        $("#boxaddform").dialog('open');
      });
});

Answer 1

使用preventDefault 覆盖您为href 属性设置的值：

$("a.BA").click(function(e){
  e.preventDefault();
  $("#boxaddform").dialog('open');
});

编辑：

看完你的小提琴后，重要的是你再做一件事 - 在调用 open 之前初始化对话框，如下所示：

 $("#boxaddform").dialog({
        autoOpen: false
 });

您不能在不存在的dialogbox 上调用open。

更新的演示：http://jsfiddle.net/hungerpain/TrScN/8/

或，

只需将 $("#boxaddform").dialog("open"); 替换为 $("#boxaddform").dialog(); 即可使其正常工作。

演示：http://jsfiddle.net/hungerpain/TrScN/9/

Answer 2

尝试使用 live 或 on 函数。

$(document).live/on('click','a.BA',function(){
// your code
});