模态，模态上的按钮执行多次答案

【问题标题】：modal, button on modal executing many time模态，模态上的按钮执行多次
【发布时间】：2016-10-14 18:40:13
【问题描述】：

我正在尝试使用 jQuery 在模态按钮上发送数据，第一次它运行良好，但是当我第二次单击它执行两次，第三次它执行 3 次时，我只想执行该按钮一次，什么到底错了吗？我的模态

`<div id="Modal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content modal-sm">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">product</h4>
      </div>
      <div class="modal-body">
       <label>Quantity</label>
       <input type="text" class="form-control" id="qty" value="">
       <label>Note:</label>
       <input type="text" class="form-control" id="note" value="">
      </div>
      <div class="modal-footer">
        <button id="" type="button" class="btn btn-primary mdismiss" data-dismiss="modal">Add</button>
      </div>
    </div>
  </div>
</div>`

我的 jQuery ：

$('#btnbtn').click(function(){
   $('#Modal').modal('show');
    $('#addbutton').click(function(){
    alert();
  });
});`

【问题讨论】：

添加e.stopPorpagation()
请给我完整的js代码。

标签： php jquery twitter-bootstrap laravel

【解决方案1】：

在绑定按钮时，您可以使用one()，而不是使用.click()。它只会执行一次。

$('#btnbtn').click(function(){
   $('#Modal').modal('show');
    $('#addbutton').one('click', function(){
    alert();
  });
});`

【讨论】：

【解决方案2】：

每当您单击#btnbtn 按钮时，您都会多次添加click 处理程序。无需在每次点击时将click 事件处理程序附加到#addbutton。更改您的代码，如下所示：

    $('#btnbtn').click(function(){
       $('#Modal').modal('show');
    });

   $('#addbutton').click(function(){
        alert();
   });

【讨论】：