스크립트가 Codepen에서 올바르게 작동하지만 WP 사이트에서는 올바르게 작동하지 않습니다.

Question

이 코드는 codepen으로 작동하지만 정상적으로 작동하지 않습니다. Wordpress site에로드 할 때 제대로 실행되지 않습니다. 여기

은 JS 코드입니다 : 또한

jQuery(document).ready(function() { 
(function(jQuery, win) { 
    jQuery.fn.inViewport = function(cb) { 
     return this.each(function(i, el) { 
      function visPx() { 
       var H = jQuery(this).height(), 
        r = el.getBoundingClientRect(), 
        t = r.top, 
        b = r.bottom; 
       return cb.call(el, Math.max(0, t > 0 ? H - t : b < H ? b : H)); 
      } 
      visPx(); 
      jQuery(win).on("resize scroll", visPx); 
     }); 
    }; 
})(jQuery, window); 

jQuery(".kk-img").inViewport(function(px) { 
    if (px) jQuery(this).addClass("vsb"); 
    jQuery(this).toggleClass("vsb", !!px); 
}); 

jQuery(".kk-rec").inViewport(function(px) { 
    if (px) jQuery(this).addClass("vsb"); 
    jQuery(this).toggleClass("vsb", !!px); 
}); 
}); 

, 개발 도구의 콘솔에 오류가 표시되지 않습니다. 누구든지이 문제를 해결하기 위해 내가 어디에서 찾아야한다고 생각합니까?

감사합니다. 이 뷰포트에서 볼 때

--- 좀 더 설명 ---

JS 코드는 일부 요소에 클래스를 추가하고있다. 그런 다음 이러한 요소는 전환이 있으므로 코드가 원활하게 표시됩니다 (코드 간 링크에서 어떤 코드가 작동하는지 확인할 수 있음).

addClass가 요소에 전혀 추가되지 않았기 때문에 내 웹 사이트에서 "작동하지 않습니다". 그리고 나는 왜 .. 모르겠다.

Answer 1

main.js이 전혀로드되지 않았다!
코드 소스 인 Ctrl + U를 보거나 마우스 오른쪽 버튼을 클릭하여 페이지 소스를 볼 수 있습니다.
기타 JS 스크립트가로드되었습니다.
main.js의 경로가 /js, 나는 당신이 당신의 enqueue 기능을 다시 /assets/js
봐에 넣어 가지고 생각합니다. 여기에 붙여 넣을 수 있습니다.
SYA