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

Javascript 如何使用JQuery监听引导模式按钮的onClick事件?,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,我有这个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="#emai

我有这个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">

模式弹出,但单击处理程序不工作。控制台中没有显示任何内容。下面是一个JSFIDLE:

在html中从您的id中删除#:

id="emailButton"

定义按钮时,请使用:

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>​]
$(“#emailButton”)
j、 …y.fn.init{上下文:文档,选择器:“#emailButton”}
$(“#emailButton”)
[​…​​]

但是,现在我看到它们返回了不同的结果。

id=“#emailButton”
-按钮的id属性中不应该有
。@ArunPJohny他的id在的id中有
只要删除即可button@guradio
$(“#emailButton”)
是一个有效的id选择器,其中id属性值本身在it@guradio如果id为
id=“#emailButton”
,则选择器应为
$(“#\ \ emailButton”)