WordPress에서 jQuery를 사용하여 정의되지 않은 $

나는 $'jQuery'를 전환 할 수 있고 모든 것이 예상대로 작동 하기 때문에 jQuery 가로 드된다는 것을 알고 있지만이 문제를 해결할 수 없으면 지저분한 스크립트가됩니다

이 스크립트는 :

jQuery(document).ready(function(){
    $("ul.vimeo_desc_feed li a").click(function(){
        alert($(this).attr('href'));
        return false;
    })
});

오류를 일으킨다 $ is not a function

이 스크립트는 :

jQuery(document).ready(function(){
    jQuery("ul.vimeo_desc_feed li a").click(function(){
        alert(jQuery(this).attr('href'));
        return false;
    })
});

잘 작동합니다.

Javascript를 자체 호출 함수로 랩핑 한 다음 로컬 변수 이름으로 jQuery사용하여 인수로 전달할 수 $있습니다. 예를 들면 다음과 같습니다.

(function($) {
  $(document).ready(function(){
    $("ul.vimeo_desc_feed li a").click(function(){
      alert($(this).attr('href'));
      return false;
    })
 });
}(jQuery));

의도 한대로 작동해야합니다.

WP가 제공하는 jQuery 버전 인 jQuery (귀하의 경우 얻을 수있는 버전)를 올바르게 기억하면 wp_enqueue_script('jquery')jQuery가 충돌없이 즉시 발생 $하여 정의되지 않은 상태가됩니다.

거의 다 왔습니다!

jQuery(document).ready(function($){
    $("ul.vimeo_desc_feed li a").click(function(){
        alert($(this).attr('href'));
        return false;
    })

});

$메소드에 함수로 jQuery에 대한 참조를 전달해야합니다 . 그렇지 않으면 작동하지 않습니다. function()위에서 한 것처럼 첫 번째 통화 안에 $를 넣으면 문제가 해결됩니다.

jQuery를에 함수를 전달하면 속기입니다 $(document).ready(...)배치하여 다음 $, 그 콜백 내에서 jQuery를위한 별칭을 만들 콜백의 첫 번째 매개 변수로 :

jQuery(function($) {
    $("ul.vimeo_desc_feed li a").click(function(){
        alert($(this).attr('href'));
        return false;
    });
});

이에 대한 설명서는 여기 를 참조 하십시오 .