jquery - addClass 仅在 .click 函数中有效？

Question

我正在尝试在单击元素时添加类，然后我想使用该类元素来执行某些操作（例如警报）

但是当我在 click 函数之外使用新类时，它看起来不起作用，这里：

<script type="text/javascript">
    $(document).ready(function(){                      
        $(".notactive").click(function() {  
            $(this).addClass("active");      
        });

        $(".active").hover(function(){
            alert("Hello");
        }); 
    }); 
</script>

现在，如果我把它放在 click 函数中，它就可以工作了，在这里：

<script type="text/javascript">
    $(document).ready(function(){             
        $(".notactive").click(function() {  
            $(this).addClass("active");
            $(".active").hover(function(){
                alert("Hello");
            });           
        });
    });
</script>

函数外如何使用？

Answer 1

您需要使用on将事件注册到应该满足 document.ready 之后绑定事件的选择器标准的元素，因为您在 document.ready 之后添加类并在 document.ready 上绑定事件。在 document.ready 上，该事件将绑定到 DOM 中具有活动类的元素。

$(document).ready(function(){

     $(".notactive").click(function() {  
          $(this).addClass("active");      
     });

     $(document).on("mouseover mouseout", ".active", function(){
          alert("rwgweg");
     }); 
});