javascript - 访问 jquery 选择器内的函数

Question

我需要一个公共(public)函数，这样我就可以在任何 jquery 选择器中调用它，这是代码。注意:控制台说 checkFeat fn 未定义。

   (function checkFeat() {
    $(".feat").each(function(){
        if (!$(this).hasClass("active")) {
            $(this).children("P").css("display","none")
        }
        else
        {
            $(this).children("P").css("display","block")
        }
    });    
}());

$(".feat h5").on("click",function(){
    $(this).parent(".feat").addClass(function(index ,currentClass){
        checkFeat();  //console says this function is not defined why ?!!
        return "active";
    });
});

Answer 1

在你的 Javascript 文件中，你可以这样写:

function checkFeat() {
  $(".feat").each(function(){
      if (!$(this).hasClass("active")) {
          $(this).children("P").css("display","none")
      }
      else
      {
          $(this).children("P").css("display","block")
      }
  });    
}

$(".feat h5").on("click",function(){
    $(this).parent(".feat").addClass(function(index ,currentClass){
        checkFeat();  //console says this function is not defined why ?!!
        return "active";
    });
});

那么如果你想单独调用该函数，你可以简单地调用:

checkFeat();