$ ไม่ได้กำหนดโดยใช้ jQuery ใน WordPress

ฉันรู้ว่ามีการโหลด 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;
    })
});

ทำงานได้ดี

คุณสามารถตัดจาวาสคริปต์ของคุณไว้ในฟังก์ชั่นการเรียกตนเองแล้วส่งผ่านjQueryเป็นอาร์กิวเมนต์ไปใช้โดยใช้$เป็นชื่อตัวแปรโลคอล ตัวอย่างเช่น:

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

ควรทำงานตามที่ตั้งใจไว้

หากฉันจำ jQuery เวอร์ชันที่ WP จัดหาให้ได้อย่างถูกต้อง (อันที่คุณได้รับถ้าคุณ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;
    });
});

คุณสามารถดูเอกสารสำหรับนี้ที่นี่