Question

我正在尝试使用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();
  });
});`

Answer 1

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

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

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

Answer 2

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

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

模态，执行很多次的模态按钮

2 个答案: