主页 / 问题 / 976409
Accepted
orel-22
Asked:2020-04-30 06:04:53 +0000 UTC2020-04-30 06:04:53 +0000 UTC

可以多次挂起同一个处理程序吗？

  • 772

在下面的示例中，每次打开块时都会挂起块关闭按钮的处理程序，这是正常做法吗？
幕后发生了什么：事件处理程序重叠，例如重复调用时的间隔？
或者每次打开块时处理程序是否会相互替换？
PS 我知道在示例中，处理程序一次只能挂起一次，但下面概述的方法很有趣。 

$('.open').on('click', function () {
    $('div').show();
    $('.close').on('click', function () {
        $('div').hide();
    });
});
div{
display: none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="open">открыть</button>
<div>
   <span> блок открыт </span>
   <button class="close">закрыть </button>
</div>

javascript

2 个回答

  1. Best Answer

    链接处理程序将被重复添加。

    将输出添加到处理程序中的控制台并亲自查看：

    var count = 0;
$('.open').on('click', function () {
    $('div.a').show();
    $('.close').on('click', function () {
        console.log(count++)
        $('div.a').hide();
    });
});
    div.a{
  display: none;
}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="open">открыть</button>
<div class="a">
   <span> блок открыт </span>
   <button class="close">закрыть </button>
</div>

    • 7

  2. 几乎一切都是真的，但是一个功能在另一个功能中有什么意义......？？？

    这样更好

    var count = 0;
$('.open').on('click', function() {
  $('div.a').show();
});

$('.close').on('click', function() {
  console.log(count++)
  $('div.a').hide();
});
    div.a {
  display: none;
}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="open">открыть</button>
<div class="a">
  <span> блок открыт </span>
  <button class="close">закрыть </button>
</div>

    • 2

相关问题