如何不断检查上课的div

Question

当您单击该区域以检查它是否具有“top-nav”时，它会工作一次，但是如何使其不断检查以便每次警报都没有工作，或者具有“top-nav”类jsfiddle：https：//jsfiddle.net/jzhang172/117mg0y1/ if(!$('.view-projects').hasClass("top-nav")){ alert('has'); }else if($('.view-projects').hasClass("top-nav")){  alert('hey');    }  $('.push').click(function(){ $('.view-projects').toggleClass('top-nav'); });.view-projects{  height:100px;  width:100%;  background:black;}body,html{  margin:0;  padding:0;}.push{  height:200px;  width:100px;  background:blue;}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><div class="view-projects"></div><div class="push"></div>

Answer 1

当您单击“.push”元素时，您似乎想做两件事：

1. 用“top-nav”切换“.view-projects”类并...

2. 如果“.view-projects”有或没有此类，则发出警报。

也就是说，没有必要经常检查间隔。由于这两种情况都取决于点击处理程序...使用点击处理程序:)

$('.push').click(function(){
    // First toggle the class
    $('.view-projects').toggleClass('top-nav');

    // Now do the alert based on what the current class is
    var hasTopNav = $('.view-projects').hasClass('top-nav'); // returns true or false
    if ( hasTopNav ) {
        alert("has");
    } else {
        alert("hey");
    }});