按钮单击未在模式窗口中触发（引导程序）

Question

我在模态窗口中有一个按钮：

<button id="submit_btn" class="btn btn-link">Send the invitation</button>

我正在尝试捕获点击：

$('#submit_btn').click(function(event){
    event.preventDefault();
    alert( "GO" ); 
});

我读过按钮点击会在模态窗口中被吞没，为了防止这种情况，请使用 event.preventDefault()。但这行不通。我无法捕获此按钮的单击事件。

我还缺少什么？

非常感谢任何提示！

Answer 1

这是我在课堂上的表现(.copy-text)。

Javascript：

$(document).on('click', '.copy-text', function(){
    console.log($(this));
});

模态html：

<div class="modal fade" id="someid" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-body">    
      <ul class="list-group"> 
        <li class="list-group-item copy-text">Some text</li>
      </ul>
    </div>
  </div>
</div>

Answer 2

我刚才遇到了这个问题。

由于某种原因，如果你换行了

  $(document).on("click","span.editComment",function(event) {

其中之一：

 $(document).ready(function() {

然后由于某种奇怪的原因它没有捕捉到点击。只需移除周围的文档即可：

 $(document).ready(function() {}

您的代码应该可以工作！

Answer 3

这对我有用：

$(document).on("click", "#submit_btn", function(event){
    alert("GO"); 
});

Answer 4

试试这个 -

$(document).on("click", "#submit_btn", function(event){
    alert( "GO" ); 
});

或者这个-

$(document).delegate("#submit_btn", "click", function(event){
    alert( "GO" ); 
});

如果您使用的是旧版本的 jQuery，您可能不得不改用 live 方法。

Live 方法（仅在必要时使用）

$("#submit_btn").live("click", function(event){
    alert( "GO" ); 
});

我相当确定上述 3 种方法中的一种可以解决您的问题。您的事件处理程序不起作用的原因是您的 submit_btn 元素在评估事件处理程序时不存在。我为您提供的上述 3 个处理程序将处理现在和将来存在的 submit_btn 元素。

/编辑

这是一个有效的 jsfiddle - http://jsfiddle.net/GqD4f/8/

/另一个编辑

我使用您在帖子中的方法制作了一个 jsfiddle，它可以工作 - http://jsfiddle.net/CR3bM/1/

您没有将事件处理程序放入 DOM 中吗？