如何使用JQuery收听引导模式按钮的onClick事件

How do I listen to onClick events for a Bootstrap modal button using JQuery?

本文关键字：按钮 模式 onClick 事件 何使用 JQuery      更新时间：2024-01-05

我有这个JavaScript，但事件从未启动。

jQuery(function() {
    $('#emailButton').click(function() {
        console.log("emailButton()...");

HTML是

<button type="button" class="btn btn-default" title="Email Page to a Friend" data-toggle="modal" data-target="#emailModal" id="#emailButton">

模态弹出，但单击处理程序不起作用。控制台中没有显示任何内容。这是一个jsFiddle：https://jsfiddle.net/y59qys4j/8/

从html:中的id中删除#

id="emailButton"

https://jsfiddle.net/omarjmh/y59qys4j/11/

定义按钮时，使用：

id="#emailButton"

需要时：

id="emailButton"

"#"仅在CSS中用于指示何时选择id，在HTML中定义id时不应包含。

好的，我找到了。我在id字段中添加了一个散列。但真正奇怪的是，我使用Chrome的控制台来查看对象，它返回了一个值！

$('#emailButton')
j…y.fn.init {context: document, selector: "#emailButton"}

$('#emailButton')
[<button type=​"button" class=​"btn btn-default" title=​"Email Page to a Friend" data-toggle=​"modal" data-target=​"#emailModal" id=​"emailButton">​…​</button>​]

然而，现在我看到他们返回了不同的结果。

相关文章：