Uncaught ReferenceError: $ ไม่ได้ถูกกำหนดไว้?

รหัสนี้มาทำไม

Uncaught ReferenceError: $ ไม่ได้ถูกกำหนดไว้

เมื่อก่อนเคยเป็นมาก่อน?

$(document).ready(function() {
    $('#tabs > ul').tabs({ fx: { opacity: 'toggle' } });
    $('#featuredvid > ul').tabs();
});

ผลลัพธ์ในแท็บจะไม่ปิดอีกต่อไป

jQuery มีการอ้างอิงในส่วนหัว:

<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/sprinkle.js"></script>
<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/jquery-1.2.6.min.js"></script>
<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/jquery-ui-personalized-1.5.2.packed.js"></script>

คุณควรใส่การอ้างอิงไปยังสคริปต์ jquery ก่อน

<script language="JavaScript" type="text/javascript" src="/js/jquery-1.2.6.min.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/jquery-ui-personalized-1.5.2.packed.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/sprinkle.js"></script>

คุณกำลังเรียกใช้ฟังก์ชันที่พร้อมก่อนที่จะรวม jQuery JavaScript อ้างอิง jQuery ก่อน

นี่คือสิ่งที่แก้ไขได้สำหรับฉัน เดิมทีฉันไปที่ Google และคัดลอกและวางตัวอย่างข้อมูลที่แนะนำสำหรับ jQuery ในหน้า CDN:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

ตัวอย่างไม่รวมHTTP:หรือHTTPS:ในsrcแอตทริบิวต์ แต่เบราว์เซอร์ของฉัน FireFox จำเป็นต้องใช้ดังนั้นฉันจึงเปลี่ยนเป็น: แก้ไข: สิ่งนี้ใช้ได้กับฉันด้วย Google Chrome เช่นกัน

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

จากนั้นก็ใช้งานได้

หากโหลดสคริปต์ที่กำหนดเองของคุณก่อนที่จะโหลดปลั๊กอิน jQuery ไปยังเบราว์เซอร์ปัญหาประเภทนี้อาจเกิดขึ้น ดังนั้นให้เก็บรหัส JavaScript หรือ jQuery ของคุณเองเสมอหลังจากเรียกใช้ปลั๊กอิน jQuery ดังนั้นวิธีแก้ไขปัญหานี้คือ:

ขั้นแรกให้เพิ่มลิงก์ไปยังไฟล์ jQuery ที่โฮสต์ที่ GoogleApis หรือไฟล์ jQuery ในเครื่องที่คุณจะดาวน์โหลดจากhttp://jquery.com/download/และโฮสต์บนเซิร์ฟเวอร์ของคุณ:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

หรือปลั๊กอินใด ๆ สำหรับ jQuery จากนั้นใส่ลิงก์สคริปต์หรือโค้ดไฟล์ที่กำหนดเองของคุณ:

<script src="js/custom.js" type="text/javascript"></script>

ในกรณีของฉันฉันวาง.jsไฟล์ของฉันไว้ที่ลิงค์สคริปต์ jQuery การวาง.jsไฟล์หลังจากลิงก์สคริปต์ jQuery แก้ไขปัญหาของฉันได้

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="exponential.js"></script>

เอาล่ะปัญหาของผมก็แตกต่างกัน - มันก็รักษาความปลอดภัยเอกสารในรูปแบบโครเมี่ยม

เมื่อดูคำตอบที่นี่ก็เห็นได้ชัดว่าฉันไม่ได้โหลดไฟล์ jquery ก่อนเรียก$(document).ready()ฟังก์ชัน ฯลฯ อย่างไรก็ตามพวกเขาทั้งหมดอยู่ในตำแหน่งที่ถูกต้อง

ในกรณีของฉันนี้เป็นเพราะฉันเข้าถึงเนื้อหาผ่านการเชื่อมต่อ HTTPS ที่ปลอดภัยในขณะที่หน้าพยายามดาวน์โหลดข้อมูลโฮสต์ CDN จาก google ฯลฯ วิธีแก้ไขคือการจัดเก็บไว้ในเครื่องแล้วรวมไว้โดยตรงจาก CDN ทุกครั้ง

แก้ไข : วิธีอื่นในการทำเช่นนี้คือการเชื่อมโยงไปยังทุกสิ่งที่โฮสต์โดย CDN ในรูปแบบ https: // แทนที่จะเป็น http: // - โมเดลไม่ได้บ่น

เพิ่มไลบรารีก่อนเริ่มสคริปต์คุณสามารถเพิ่มCDNต่อไปนี้เพื่อเริ่ม

Google:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

ไมโครซอฟท์

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>

jquery

หากคุณต้องการรุ่น Jquery cdn อื่น ๆ ให้ตรวจสอบลิงค์นี้

หลังจากนี้:

<script type="text/javascript">
$(function(){
    //your stuff
});
or
$(document).ready(function(){
    //your stuff
});    
</script>

ชื่อ:

<script type="text/javascript">
var $ = jQuery;
jQuery(document).ready(function($){
     //your stuff
});
</script>

หากอยู่ในเวิร์ดเพรสอาจจำเป็นต้องเปลี่ยน

$(document).ready(function() {

ถึง

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

หรือเพิ่ม

var $ = jQuery;

ก่อน

$(document).ready(function() {

ฉันมีปัญหาเดียวกันที่แน่นอนและไม่มีวิธีแก้ไขปัญหาใดที่ช่วยได้ อย่างไรก็ตามฉันเพิ่งเชื่อมโยง.cssไฟล์หลังจาก.jsไฟล์และปัญหาหายไปอย่างน่าอัศจรรย์ หวังว่านี่จะช่วยได้

ฉันต้องการที่จะพยายามที่จะทำให้สคริปต์ของฉันไม่ตรงกัน จากนั้นฉันก็ลืมมันไปและเมื่อฉันใช้งานไฟล์ [custom] .js แบบสดๆจะโหลด 50% ของเวลาก่อนหน้า jQuery.js เท่านั้น

ดังนั้นฉันจึงเปลี่ยน

<script async src="js/script.js"></script>

ถึง

<script src="js/script.js"></script>

ในกรณีของฉันฉันมีข้ออ้างอิงนี้เกิดข้อผิดพลาดเนื่องจากลำดับการเรียกสคริปต์ผิด แก้ไขโดยเปลี่ยนคำสั่ง:

<script src="js/index.js"></script>
<script src="js/jquery-1.10.2.js"></script>

ถึง

<script src="js/jquery-1.10.2.js"></script>
<script src="js/index.js"></script>

ฉันมีปัญหาเดียวกันและฉันแก้ไขด้วยการใส่ jQuery ที่ด้านบนของรหัสจาวาสคริปต์ทั้งหมดที่ฉันมีในรหัสของฉัน

บางสิ่งเช่นนี้

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="js/app.js" type="text/javascript"></script>
<script src="js/form.js" type="text/javascript"></script>
<script src="js/create.js" type="text/javascript"></script>
<script src="js/tween.js" type="text/javascript"></script>

ความหวังสามารถช่วยคนได้ในอนาคต

คุณกำลังเรียกใช้ready()ฟังก์ชันก่อนที่จะรวม jQuery JavaScript อ้างอิง jQuery ก่อน

หากคุณอยู่ใน ASP.NET MVC คุณสามารถระบุได้ว่าควรให้แสดงรหัส JS เมื่อใดโดยทำดังนี้

1ในการpage.cshtmlตัด<script>แท็กของคุณลงในส่วนและตั้งชื่อชื่อสามัญที่จะใช้คือ 'สคริปต์':

@section scripts {
    <script>
        // JS code...
    </script>
}

2ใน_Layout.cshtmlหน้าของคุณเพิ่ม@RenderSection("Scripts", required: false)ตรวจสอบให้แน่ใจว่าได้ใส่มันหลังจากที่คุณอ้างอิงแหล่ง Jquery นี้จะทำให้รหัส JS ของคุณแสดงผลในภายหลังกว่า Jquery

หากคุณทำเช่นนี้ใน. Net และให้อ้างอิงไฟล์สคริปต์อย่างถูกต้องและคุณ jQuery ดูดีตรวจสอบให้แน่ใจว่าผู้ใช้ของคุณสามารถเข้าถึงไฟล์สคริปต์ได้ โครงการที่ฉันทำงานอยู่ (ผู้ร่วมงาน) มี web.config ปฏิเสธการเข้าถึงผู้ใช้ที่ไม่ระบุชื่อ หน้าฉันกำลังทำงานอยู่นั้นสามารถเข้าถึงได้โดยผู้ใช้ที่ไม่ระบุชื่อดังนั้นพวกเขาจึงไม่สามารถเข้าถึงไฟล์สคริปต์ได้ วางสิ่งต่อไปนี้ลงใน web.config และถูกต้องในโลก:

  <location path="Scripts">
    <system.web>
      <authorization>
        <allow users="*"/>
      </authorization>
    </system.web>
  </location>

ในกรณีของฉันมันเป็นตัวพิมพ์ผิดฉันลืมเครื่องหมายแบ็กสแลชและอ้างอิงแหล่งข้อมูลไม่ถูกต้อง

ก่อน src="/scripts/jquery.js"

หลังจาก    src="scripts/jquery.js"

แฟ้มแหล่งที่มาjquery-1.2.6.min.jsไม่ได้เรียกว่าคำสั่ง jQuery จะถูกดำเนินการก่อนหน้านี้กว่า$()<..src='jquery-1.2.6.min.js'>

กรุณาเรียกใช้<.. src="/js/jquery-1.2.6.min.js..">ในตอนแรกและตรวจสอบให้แน่ใจว่าเส้นทาง src ถูกต้องจากนั้นดำเนินการคำสั่ง jquery

$(document).ready(function() 

เรื่องนี้เกิดขึ้นกับฉันก่อน

เหตุผลก็เพราะฉันเชื่อมต่อ android กับ webview กับ JS และฉันส่งพารามิเตอร์โดยไม่มีเครื่องหมายคำพูด

js.sayHello(hello);

และเมื่อฉันเปลี่ยนเป็น

js.sayHello('hello');

มันทำงานได้

ไฟล์ JavaScript ของคุณหายไปดังนั้นข้อผิดพลาดนี้จะเกิดขึ้น เพียงเพิ่มไฟล์ JavaScript ภายใน<head>แท็ก ดูตัวอย่าง:

<script src="js/sample.js" type="text/javascript"></script>
<link href="css/sample.css" rel="stylesheet" type="text/css" />

หรือเพิ่มรหัสต่อไปนี้ในแท็ก:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

ข้อผิดพลาดจะเกิดขึ้นในสองสถานการณ์ต่อไปนี้เช่นกัน

1. องค์ประกอบ @section สคริปต์หายไปจากไฟล์ HTML
2. ข้อผิดพลาดในการเข้าถึงองค์ประกอบ DOM ตัวอย่างเช่นการเข้าถึงองค์ประกอบ DOM ถูกกล่าวถึงเป็น $ ("js-toggle") แทนที่จะเป็น $ (". js-toggle") จริงๆแล้วช่วงเวลานั้นหายไป

ดังนั้น 3 สิ่งที่ต้องติดตาม - ตรวจสอบสคริปต์ที่ต้องการเพิ่มตรวจสอบว่ามีการเพิ่มในลำดับที่ต้องการและข้อผิดพลาดทางไวยากรณ์ที่สามใน Java Script ของคุณหรือไม่

Doh! ฉันมีเครื่องหมายคำพูดผสมในแท็กของฉันซึ่งทำให้การอ้างอิง jquery แตก การตรวจสอบใน Chrome ทำให้ฉันเห็นว่าไฟล์ไม่ได้เชื่อมโยงอย่างถูกต้อง

ในกรณีของฉันฉันลืมรวม:

 <script src ="jquery-2.1.1.js"></script>

ก่อนหน้านี้ฉันเพิ่งรวม jquery-mobile ซึ่งทำให้เกิดข้อผิดพลาดนี้

ฉันแก้ไขแท็กสคริปต์ให้ชี้ไปที่เนื้อหาที่ถูกต้องและเปลี่ยนลำดับสคริปต์เป็นแท็กที่ถูกต้องในเครื่องมือแก้ไข แต่ลืมไปทั้งหมดบันทึกการเปลี่ยนแปลง

ฉันมีปัญหาที่คล้ายกันและเป็นเพราะฉันพลาดการปิด> ในลิงค์สไตล์ชีท

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

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

คุณยังไม่ได้อ้างอิงไลบรารี jQuery

คุณจะต้องรวมบรรทัดที่คล้ายกันนี้ใน HTML ของคุณ:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

ฉันมีปัญหาที่คล้ายกัน เซิร์ฟเวอร์ทดสอบของฉันทำงานได้ดีกับ "http" อย่างไรก็ตามมันล้มเหลวในการผลิตซึ่งมี SSL

ดังนั้นในการผลิตฉันเพิ่ม "HTPPS" แทน "HTTP" และในการทดสอบฉันเก็บไว้เหมือนเดิมคือ "HTTP"

ทดสอบ:

wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js', array(), null, false );

wp_register_script( 'custom-script', plugins_url( '/js/custom.js', __FILE__ ), array( 'jquery' ) );

การผลิต:

wp_register_script( 'jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js', array(), null, false );

wp_register_script( 'custom-script', plugins_url( '/js/custom.js', __FILE__ ), array( 'jquery' ) );

หวังว่านี้จะช่วยให้คนที่ทำงานเกี่ยวกับ WordPress

แปลกมากปัญหาของฉันมาจาก PHP

การเรียกใช้ REST API ล้มเหลวและเป็นการหยุดโหลดของไลบรารีหลังจากนั้น เนื่องจากความล้มเหลวมาจากการเรียกใช้ REST จึงไม่ทำให้ฉันมีข้อผิดพลาดในการคอมไพล์ php

เก็บสิ่งนี้ไว้เป็นตัวเลือกด้วยถ้าการโหลด jquery ดูโอเค

ฉันมีปัญหานี้เมื่อฉันท่องอินเทอร์เน็ตผ่านฮอตสปอตมือถือของฉัน มันบีบอัดภาพและเพิ่มสคริปต์ต่อไปนี้ที่ด้านล่างของแท็กเนื้อหา

<script language="javascript"><!--
bmi_SafeAddOnload(bmi_load,"bmi_orig_img");//-->
</script>

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

สิ่งนี้สามารถเกิดขึ้นได้หากมีปัญหาเครือข่าย ซึ่งหมายความว่าแม้ว่า "สคริปต์ jquery" จะอยู่ในตำแหน่งและถูกรวมไว้ก่อนการใช้งานเนื่องจากสคริปต์ jquery ไม่สามารถเข้าถึงได้ในขณะโหลดหน้าเว็บดังนั้นคำจำกัดความของ "$" จึงถือเป็น "การอ้างอิงที่ไม่ได้กำหนด"

สำหรับวัตถุประสงค์การทดสอบ / การดีบัก ::คุณสามารถลองเข้าถึง "jquery-script" url บนเบราว์เซอร์ หากสามารถเข้าถึงหน้าเว็บของคุณควรโหลดอย่างถูกต้องมิฉะนั้นจะแสดงข้อผิดพลาดดังกล่าว (หรือข้อผิดพลาดอื่น ๆ ที่เกี่ยวข้องกับสคริปต์) ตัวอย่าง - http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.jsควรสามารถเข้าถึงได้บนเบราว์เซอร์ (หรือบริบทของเบราว์เซอร์)

ฉันมีปัญหาที่คล้ายกันซึ่งฉันสามารถโหลด html-page (โดยใช้สคริปต์) ใน windows-host-browser แต่ไม่สามารถโหลดใน vm-ubuntu ได้ การแก้ไขปัญหาเครือข่ายได้รับการแก้ไขปัญหา

var $ = jQuery;
jQuery(document).ready(function($){