JQueryを使用してBootstrapモーダルボタンのonClickイベントをリスニングするにはどうすればよいですか？

Question

私はこの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"> 

モーダルがポップアップ表示されますが、クリックハンドラが動作していません。コンソールには何も表示されません。 https://jsfiddle.net/y59qys4j/8/

Answer 1

はHTMLで自分のIDから＃を削除します：あなたがボタンを定義している

id="emailButton" 

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

Answer 2

は、あなたが使用します。

id="#emailButton" 

ここjsFiddleです必要時：

id="emailButton" 

"＃"は、idがいつ選択されているかを示すためにCSSでのみ使用され、idをHTMLで定義するときは含めないでください。

Answer 3

OK私はそれを見つけました。 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>​] 

しかし、今では結果が異なることがわかりました。