单击监听器按钮在Bootstrap中不起作用

Question

我想在显示模态窗口之前运行一些JavaScript代码，但是当我单击按钮时，什么也没有发生，并且浏览器控制台也没有给我任何错误。

的jsfiddle

    <a href="#addEdgeModalB" class="btn"> EDGE </a>

<div id="addEdgeModal" class="modal hide fade">
  <div class="modal-body">
    <form class="form-horizontal">    
<div class="control-group">
    <div class="controls">
      <textarea rows="3"></textarea>
    </div>
  </div>


<script>
       $("#addEdgeModalB").on("click",function(e){
           alert("click");
           $("addEdgeModal").modal("show"); 
        });
</script>

Answer 1

尝试，

$("[href='#addEdgeModalB']").on("click",function(e){
   alert("click");           
});

此处没有使用id selector 。 在此上下文中使用attribute equals selector 。

DEMO

Answer 2

请参考此内容以获取正确的modal标记。

DEMO

$("a.btn").on("click",function(e){
    alert("click");

});