jquery 单击事件不从href链接触发

wtlkbnrh 于 9个月前发布在 jQuery

关注(0)|答案(3)|浏览(116)

我有一个奇怪的问题，我将尽我所能解释。我有一个标题，在标题中有一个菜单。当网站第一次加载时，它加载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');
      });
});

型

jquery

来源：https://stackoverflow.com/questions/17264544/click-event-not-firing-from-href-link

3条答案

按热度按时间

disho6za1#

使用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/

赞(0）回复(0）举报 9个月前

u4dcyp6a2#

尝试使用live或on函数。

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

字符串

赞(0）回复(0）举报 9个月前

llmtgqce3#

以上的答案在我这边失败了，但这对我有效

$('body').on('click', '.BA', function() {
console.log("hey");
});

字符串

赞(0）回复(0）举报 9个月前

我来回答

jquery 单击事件不从href链接触发

3条答案

相关问题

热门标签

最新问答