Jquery属性未在新事件上清除

我希望在单击特定链接时显示一个模式，然后当它隐藏时，我希望该属性不受打开它的单击的影响。下面的代码在第一次单击时就可以很好地工作，但在那之后，它也会返回以前单击的属性

$('body').on('click',function(e) {
  var $target= e.target;
  $('#my_modal').modal('show');
  $('#my_modal').on('hidden.bs.modal', function (e) {
    alert($target.getAttribute('data-my-id'));
  })
});

---

如何仅返回当前单击事件？

您还可以尝试向模式添加属性值，并在显示模式关闭事件时使用相同的属性值。请参阅下面的代码

<a href="#" class="btnlink" data-my-id="101"> Link 101</a><br/>
<a href="#"  class="btnlink" data-my-id="102"> Link 102</a><br/>
<a href="#"  class="btnlink" data-my-id="103"> Link 103</a><br/>

        <!-- modals -->
        <div id="my_modal" class="modal fade" tabindex="-1" role="dialog">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Test Me</h4>
              </di class="btnlink" v>
              <div class="modal-body" id="linkval" data-attr="">
                <p>
            This is only a test.
            </p>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">OK</button>
                      </div>
            </div><!-- /.modal-content -->
          </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->

 $('.btnlink').on('click',function(e) {
  var $target= e.target;
  $('#my_modal').modal('show');
  $('#linkval').attr('data-attr',$target.getAttribute('data-my-id'));
 });

    $('#my_modal').on('hidden.bs.modal', function (e) {
      alert($('#linkval').attr('data-attr'));
      $('#linkval').attr('data-attr','');
    });

&时代；
考验我

这只是一个测试。

好啊
$（'.btnlink'）。在（'click'，函数（e）{
var$target=e.target；
$（'my'u model'）。model（'show'）；
$（'#linkval'）.attr（'data-attr'，$target.getAttribute（'data-my-id'））；
});
$（'my#u model'）。on（'hidden.bs.model'，function（e）{
警报（$（'#linkval'）.attr（'data-attr'））；
$（'#linkval'）.attr（'data-attr'，''）；
});

您还可以尝试将属性值添加到模式，并在显示模式关闭事件时使用相同的属性值。请参阅下面的代码

<a href="#" class="btnlink" data-my-id="101"> Link 101</a><br/>
<a href="#"  class="btnlink" data-my-id="102"> Link 102</a><br/>
<a href="#"  class="btnlink" data-my-id="103"> Link 103</a><br/>

        <!-- modals -->
        <div id="my_modal" class="modal fade" tabindex="-1" role="dialog">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Test Me</h4>
              </di class="btnlink" v>
              <div class="modal-body" id="linkval" data-attr="">
                <p>
            This is only a test.
            </p>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">OK</button>
                      </div>
            </div><!-- /.modal-content -->
          </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->

 $('.btnlink').on('click',function(e) {
  var $target= e.target;
  $('#my_modal').modal('show');
  $('#linkval').attr('data-attr',$target.getAttribute('data-my-id'));
 });

    $('#my_modal').on('hidden.bs.modal', function (e) {
      alert($('#linkval').attr('data-attr'));
      $('#linkval').attr('data-attr','');
    });

&时代；
考验我

这只是一个测试。

好啊
$（'.btnlink'）。在（'click'，函数（e）{
var$target=e.target；
$（'my'u model'）。model（'show'）；
$（'#linkval'）.attr（'data-attr'，$target.getAttribute（'data-my-id'））；
});
$（'my#u model'）。on（'hidden.bs.model'，function（e）{
警报（$（'#linkval'）.attr（'data-attr'））；
$（'#linkval'）.attr（'data-attr'，''）；
});

更改

$（'my#u modal'）.on（'hidden.bs.modal'，function（e）{

到

$（'my#u modal'）.one（'hidden.bs.modal'，函数（e）{

（即一个而不是ON）

这将在处理程序运行后解除绑定，这样每当click事件创建新的处理程序时，过去的处理程序将不再存在以进行额外的函数调用。

更改

$（'my#u model'）.on（'hidden.bs.model'，function（e）{

到

$（'my#u modal'）.one（'hidden.bs.modal'，函数（e）{

（即一个而不是ON）

这将在处理程序运行后解除绑定，这样每当click事件创建新的处理程序时，过去的处理程序将不再存在以进行额外的函数调用。