Доступ к функции внутри селектора jquery

Question

Мне нужна функция, чтобы быть публичной, поэтому я могу назвать ее внутри любого селектора 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(); 

Answer 2

Вы ограничили checkFeat() внутри closure и был недоступен для использования вне закрытой среды. Удалите его, и все должно работать отлично.

MDN JS DOCS:

Затворы являются функциями, которые относятся к независимому (свободному) переменным (переменным, которые используются локально, но определен в области видимости). Иными словами, эти функции «запоминают» среду, в которой были созданы .

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(); 
     return "active"; 
    }); 
});