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上添加class.ready并在document.ready上添加绑定事件.在document.ready上,事件将被绑定到具有类活动的DOM中的元素.

$(document).ready(function(){

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

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