引导模式按钮不响应点击

我在模态弹窗中使用Bootstraps按钮的母马。无论我做什么，我都无法触发点击事件。最新的Bootstrap，jQuery 1.7.1。引导模式按钮不响应点击

的语气里面我有一个按钮

<div class="modal-footer"> 
    <a href="#" class="btn cancelBtn">Cancel</a> 
    <a href="#" class="btn dontSaveBtn">Don't Save</a> 
</div>

而我的JS不工作（点击是从来没有发射）

$("#navigate-away .cancelBtn").on("click", function(event){ 
    console.log('Click.'); 
    $('#navigate-away').modal('hide'); 
});

页脚我可以证明它的工作原理是利用悬停，而不是点击（悬停点火好吧）

$("#navigate-away .cancelBtn").on("hover", function(event){ 
    console.log('Click.'); 
    $('#navigate-away').modal('hide'); 
});

看起来点击事件在内部被吞噬？我看到所有使用这种确切方法的SO人都没有问题。我错过了什么简单的事情？

来源

2012-02-24 lucygenik

尝试增加的preventDefault到点击事件，并改变使用的绑定delegate风格：

$("#navigate-away").on("click", ".cancelBtn", function(event){ 
    event.preventDefault(); 
    console.log('Click.'); 
    $('#navigate-away').modal('hide'); 
});

来源

2012-02-24 02:10:19

唉这是永远不会到达....：/它不执行该块的任何部分。百思不得其解。 – lucygenik 2012-02-24 02:20:43

您确定此取消按钮包含在'＃navigate-away'内吗？也许选择器不正确匹配。 – 2012-02-24 02:22:52

此外，绑定单击事件时确实存在取消按钮，还是稍后创建？如果稍后创建，则必须将您的调用更改为'.delegate'风格而不是'.bind'风格。 – 2012-02-24 02:24:19

这确实做转出要与其他库发生冲突。调试起来令人震惊，我最终通过http://www.sprymedia.co.uk/article/Visual+Event相对简单地使用Allan Jardine的Visual Event书签。谢谢艾伦，你救了我的熏肉。

来源

2012-02-26 20:49:07 lucygenik

也许将此标记为已接受的答案... – judehall 2012-10-02 18:11:01

我遇到了同样的问题，但我看不到使用Visual Event与模式弹出窗口。它在页面上工作正常，但是当我激活模式弹出式视觉事件停止工作。另外，你的图书馆冲突是什么？ – Adam 2013-10-18 19:57:25

对不起，亚当这是很久以前。我想也许这是一个愚蠢的重复的ID？ – lucygenik 2013-10-22 00:42:51

引导模式按钮不响应点击

回答

相关问题