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和binding事件之后的类。在document.ready上，事件将被绑定到具有类活动的DOM中的元素。

$(document).ready(function(){

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

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

addClass只能在.click函数中使用？

1 个答案: