TypeError: 'undefined' ไม่ใช่ฟังก์ชั่น (ประเมิน '$ (เอกสาร)')

1. ฉันใช้เว็บไซต์ WordPress
2. ฉันรวมสคริปต์นี้ไว้ในส่วนหัว

เมื่อสคริปต์โหลดฉันได้รับข้อผิดพลาดนี้:

TypeError: 'undefined' ไม่ใช่ฟังก์ชั่น (ประเมิน '$ (เอกสาร)')

ฉันไม่รู้ว่าอะไรเป็นสาเหตุของมันหรือว่ามันหมายถึงอะไร

ใน firebug ฉันได้รับสิ่งนี้:

$ ไม่ใช่ฟังก์ชั่น

Wordpress ใช้ jQuery ในโหมดnoConflictโดยค่าเริ่มต้น คุณต้องอ้างอิงโดยใช้jQueryเป็นชื่อตัวแปรไม่ใช่$เช่นใช้

jQuery(document);

แทน

$(document);

คุณสามารถห่อสิ่งนี้ไว้ในฟังก์ชั่นการดำเนินการด้วยตนเองเพื่อที่$จะอ้างถึง jQuery อีกครั้ง (และหลีกเลี่ยงการสร้างมลภาวะเนมสเปซส่วนกลางด้วย) เช่น

(function ($) {
   $(document);
}(jQuery));

การใช้งานของ noConflictjQuery มันมหัศจรรย์สำหรับฉัน

var example=jQuery.noConflict();
example(function(){
example('div#rift_connect').click(function(){
    example('span#resultado').text("Hello, dude!");
    });
});

นั่นคือสมมติว่าคุณรวม jQuery ไว้ใน HTML

<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

ใช้สิ่งนี้:

var $ =jQuery.noConflict();

ลองตัวอย่างนี้:

jQuery(function($) {
  // Your code.
})

มันใช้งานได้สำหรับฉันบางทีมันอาจจะช่วยคุณได้เช่นกัน

ฉันมีปัญหานี้กับ Chrome เท่านั้น

ฉันพยายามเพิ่ม

var $ =jQuery.noConflict();

ก่อนที่จะโทร

$(document).ready(function () {

มันได้ผล

ขอบคุณมาก

ตรวจสอบการรวม jQuery ตามด้วยคอมโพเนนต์ / ไลบรารีอื่น ๆ (เช่น jQuery UI) แล้วบังเอิญรวม jQuery อีกครั้ง - นี่จะกำหนด jQuery อีกครั้งและวางผู้ช่วยส่วนประกอบ (เช่น. datepicker) ออกจากอินสแตนซ์

 ;(function($){
        // your code
    })(jQuery);

วางรหัส js ของคุณในการปิดด้านบนมันควรแก้ปัญหา

ฉันจะใช้สิ่งนี้

(function ($) {
   $(document);
}(jQuery));

ฉันยังประสบปัญหาดังกล่าวหลายครั้งในผู้ให้บริการพัฒนาเว็บไซต์ จริงๆแล้วมันไม่ใช่ความขัดแย้งของ JS เมื่อเราโหลดเว็บไซต์ html ไปยังเบราว์เซอร์เราก็ไม่พบข้อผิดพลาดดังกล่าว แต่เมื่อเราโหลดเว็บไซต์ประเภทนี้ผ่าน localhost เราก็ประสบปัญหาดังกล่าว นั่นเป็นเพราะ localhost เมื่อเราโหลดสคริปต์ผ่าน localhost มันสแกนสคริปต์และแสดงผล แต่เมื่อเราไม่ได้ใช้ localhost มันแค่สแกนเอาต์พุต ตัวอย่างเมื่อเราเขียนโค้ด php วางไว้บน localhost และทำงานโดยไม่โฮสต์เราได้รับข้อผิดพลาด แต่ถ้ารหัสถูกต้องและทำงานผ่านโฮสต์เราได้รับผลลัพธ์จริงและเมื่อเราใช้องค์ประกอบตรวจสอบเราได้รับรหัสผลลัพธ์ในรูปแบบ HTMl แต่ไม่ใช่ในรูปแบบ PHP นี่เป็นเพราะการแสดงผลของรหัส

นี่คือการแสดงผลข้อผิดพลาด ดังนั้นเพื่อแก้ไขข้อผิดพลาดรหัส jquery เหล่านี้วิธีหนึ่งอาจใช้วิธีนี้

jQuery(document).ready(function($){
/******** Body of Jquery Code*****/
});

สิ่งที่รหัสนี้จะลงทะเบียน '$' เป็น varible กับฟังก์ชั่นโดยใช้ jquery อื่นตามค่าเริ่มต้นไฟล์. js จะอ่านเป็น javascript เท่านั้น

ฉันพบปัญหานี้เมื่อรวม jQuery ในส่วนหัวของหน้าฉันไม่ทราบว่าโฮสต์ได้รวมไว้ในหน้าโดยอัตโนมัติ ดังนั้นให้โหลดหน้าเว็บของคุณแบบสดๆและตรวจสอบแหล่งที่มาเพื่อดูว่ามีการเชื่อมโยง jQuery หรือไม่

สองสิ่ง:

1. ตรวจสอบให้แน่ใจว่าคุณได้เพิ่มห้องสมุด jQuery ไว้หน้า $ (เอกสาร)
2. จากนั้นเพียงแค่เปลี่ยน "$" ทั้งหมดด้วย: jQuery ตามความคิดเห็นก่อนหน้า

รวมสคริปต์ทั้งหมดระหว่างนี้ ...

<script>
    $.noConflict();
    jQuery( document ).ready(function( $ ) {
      // Code that uses jQuery's $ can follow here.
    });
</script>

ไลบรารี JavaScript จำนวนมากใช้ $ เป็นฟังก์ชันหรือชื่อตัวแปรเช่นเดียวกับ jQuery ในกรณีของ jQuery $ เป็นเพียงนามแฝงสำหรับ jQuery ดังนั้นฟังก์ชันทั้งหมดจึงใช้ได้โดยไม่ต้องใช้ $ หากคุณจำเป็นต้องใช้ห้องสมุด JavaScript อีกข้าง jQuery ควบคุมการกลับมาของ $ กลับไปที่ห้องสมุดอื่น ๆ ที่มีการเรียกไปยัง$ .noConflict () การอ้างอิงเก่าของ $ จะถูกบันทึกไว้ในระหว่างการเริ่มต้น jQuery noConflict () เพียงแค่คืนค่าพวกเขา

คุณสามารถใช้ทั้ง jQuery และ $ in ด้านล่างตัวอย่าง มันใช้งานได้สำหรับฉัน

jQuery( document ).ready(function( $ ) {
  // jQuery(document)
  // $(document)
});

คุณสามารถส่ง $ ในฟังก์ชั่น ()

jQuery(document).ready(function($){

// jQuery code is in here

});

หรือคุณสามารถแทนที่$(document);ด้วยสิ่งนี้jQuery(document);

หรือคุณสามารถใช้ jQuery.noConflict()

var jq=jQuery.noConflict();
jq(document).ready(function(){  
  jq('selector').show();
});