JS注意注意!!!

1、jQuery on 绑定的事件触发多次

<body>
    <button id="aa">AAA</button>
    <button id="bb">BBB</button>
</body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script>
    $(function(){
    
        $("#aa").click(function(){
            $("#bb").one("click",function(){
                alert("bb执行了+1次");
            });
        });
        //这种情况one并不能解决问题
        $( "#aa" ).one( "click", function() {
            alert( "This will be displayed only once." );
        });
    });

</script>
</html>

解决办法:

  先'off'然后再'on'

$("#aa").click(function(){
      $("#bb").off("click").on("click",function(){
            alert("bb只执行了1次");
      });
});

 

原文地址:https://www.cnblogs.com/speily/p/10100709.html