Uncaught ReferenceError: $ không được xác định?

Làm thế nào mà mã này ném một

Uncaught ReferenceError: $ không được xác định

khi nào thì ổn?

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

Kết quả trong các tab không đóng nữa.

jQuery được tham chiếu trong tiêu đề:

<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>

Bạn nên đặt các tài liệu tham khảo cho các kịch bản jquery đầu tiên.

<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>

Bạn đang gọi hàm sẵn sàng trước khi bao gồm JavaScript JavaScript. Tham khảo jQuery trước.

Đây là những gì đã giải quyết nó cho tôi. Ban đầu tôi đã đến Google và sao chép và dán đoạn trích được đề xuất cho jQuery trên trang CDN của họ:

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

Đoạn mã không bao gồm HTTP:hoặc HTTPS:trong srcthuộc tính nhưng trình duyệt của tôi, FireFox, cần nó vì vậy tôi đã đổi nó thành: chỉnh sửa: điều này cũng hiệu quả với tôi với Google Chrome

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

Sau đó, nó làm việc.

Nếu tập lệnh tùy chỉnh của bạn được tải trước khi plugin jQuery được tải vào trình duyệt thì loại sự cố này có thể xảy ra. Vì vậy, hãy luôn giữ mã JavaScript hoặc jQuery của riêng bạn sau khi gọi plugin jQuery để giải pháp cho việc này là:

Trước tiên hãy thêm liên kết đến tệp jQuery được lưu trữ tại GoogleApis hoặc tệp jQuery cục bộ mà bạn sẽ tải xuống từ http://jquery.com/doad/ và lưu trữ trên máy chủ của bạn:

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

hoặc bất kỳ plugin nào cho jQuery. Sau đó đặt liên kết hoặc tập tin tập lệnh tùy chỉnh của bạn:

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

Trong trường hợp của tôi, tôi đã đặt .jstệp của mình trước liên kết tập lệnh jQuery, đặt .jstệp sau khi liên kết tập lệnh jQuery đã giải quyết vấn đề của tôi.

<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>

Được rồi, vấn đề của tôi đã khác - đó là mô hình Bảo mật Tài liệu trong Chrome .

Nhìn vào các câu trả lời ở đây, rõ ràng là bằng cách nào đó tôi đã không tải các tệp jquery của mình trước khi gọi các $(document).ready()hàm vv. Tuy nhiên, tất cả họ đều ở đúng vị trí.

Trong trường hợp của tôi, điều này là do tôi đã truy cập nội dung qua kết nối HTTPS an toàn, trong khi trang đang cố tải xuống dữ liệu được lưu trữ CDN từ google, v.v. Giải pháp là lưu trữ chúng cục bộ và sau đó bao gồm trực tiếp thay vì từ CDN mỗi lần.

Chỉnh sửa : Cách khác để thực hiện việc này là liên kết đến tất cả nội dung được lưu trữ trên CDN dưới dạng https: // thay vì http: // - sau đó mô hình không phàn nàn.

Thêm thư viện trước khi bạn bắt đầu tập lệnh. Bạn có thể thêm bất kỳ CDN nào sau đây để khởi động tập lệnh.

Google:

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

Microsoft

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

Jquery

Nếu bạn muốn bất kỳ phiên bản cdn Jquery khác kiểm tra liên kết này .

Sau đây:

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

Từ ngữ:

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

Nếu nó trong wordpress, có thể cần phải thay đổi

$(document).ready(function() {

đến

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

hoặc thêm

var $ = jQuery;

trước

$(document).ready(function() {

Tôi đã có cùng một vấn đề chính xác và không có giải pháp nào ở trên giúp được. tuy nhiên, tôi chỉ liên kết các .csstập tin sau khi các .jstập tin và vấn đề biến mất một cách kỳ diệu. Hi vọng điêu nay co ich.

Trong trường hợp của tôi, tôi đã có tài liệu tham khảo nàyError vì thứ tự các lệnh gọi script là sai. Giải quyết điều đó bằng cách thay đổi thứ tự:

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

đến

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

Tôi muốn cố gắng làm cho kịch bản của tôi không đồng bộ . Sau đó, tôi đã quên nó và khi tôi phát trực tiếp tệp [custom] .js chỉ được tải 50% thời gian trước jQuery.js.

Vì vậy, tôi đã thay đổi

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

đến

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

Tôi đã có cùng một vấn đề và tôi đã giải quyết bằng cách đặt jQuery lên đầu tất cả các mã javascript tôi có trong mã của mình.

Một cái gì đó như thế này:

<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>

Hy vọng có thể giúp một số người trong tương lai.

Bạn đang gọi ready()hàm trước khi bao gồm JavaScript JavaScript. Tham khảo jQuery trước.

Nếu bạn đang ở trong ASP.NET MVC, bạn có thể chỉ định khi nào mã JS của bạn sẽ được hiển thị, bằng cách thực hiện việc này:

1, Trong bạnpage.cshtml bọc của bạn <script>thẻ của bạn vào một phần và đặt tên cho nó, tên phổ biến để sử dụng là 'scripts':

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

2, Trong _Layout.cshtmltrang của bạn thêm @RenderSection("Scripts", required: false), hãy đảm bảo đặt nó sau khi bạn tham chiếu nguồn Jquery, điều này sẽ làm cho mã JS của bạn hiển thị muộn hơn Jquery.

Nếu bạn đang làm điều này trong .Net và có tệp tập lệnh được tham chiếu đúng và jQuery của bạn trông ổn, hãy đảm bảo rằng người dùng của bạn có quyền truy cập vào tệp tập lệnh. Dự án tôi đang thực hiện (một đồng nghiệp) đã có web.config từ chối quyền truy cập vào người dùng ẩn danh. Trang tôi đang làm việc có thể truy cập được đối với người dùng ẩn danh do đó họ không có quyền truy cập vào tệp tập lệnh. Bỏ những thứ sau vào web.config và tất cả đều đúng trên thế giới:

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

Trong trường hợp của tôi đó là một lỗi đánh máy, tôi đã quên một dấu gạch chéo ngược và tham chiếu nguồn không chính xác.

Trước src="/scripts/jquery.js"

Sau    src="scripts/jquery.js"

Tệp nguồn jquery-1.2.6.min.jskhông được gọi là lệnh jQuery $()được thực thi sớm hơn <..src='jquery-1.2.6.min.js'>.

Vui lòng chạy <.. src="/js/jquery-1.2.6.min.js..">đầu tiên và đảm bảo đường dẫn src đúng, sau đó thực hiện lệnh jquery

$(document).ready(function() 

Điều này đã xảy ra với tôi trước đây.

Lý do là tôi đang kết nối Android với một webview với một JS. Và tôi đã gửi một tham số mà không có dấu ngoặc kép.

js.sayHello(hello);

và khi tôi đổi nó thành

js.sayHello('hello');

nó đã làm việc.

Tệp JavaScript của bạn bị thiếu nên đã xảy ra lỗi này. Chỉ cần thêm tệp JavaScript bên trong <head>thẻ. Xem ví dụ:

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

hoặc thêm mã sau vào thẻ:

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

Lỗi cũng sẽ xảy ra trong hai kịch bản sau đây.

1. Phần tử tập lệnh @section bị thiếu trong tệp HTML
2. Lỗi khi truy cập các phần tử DOM. Ví dụ: việc truy cập phần tử DOM được đề cập là $ ("js-toggle") thay vì $ (". Js-toggle"). Trên thực tế là khoảng thời gian bị thiếu

Vì vậy, 3 điều cần tuân thủ - kiểm tra các tập lệnh được yêu cầu được thêm vào, kiểm tra xem nó có được thêm vào theo thứ tự bắt buộc và lỗi cú pháp thứ ba trong Tập lệnh Java của bạn không.

Đừng! Tôi đã có dấu ngoặc kép trong các thẻ của mình khiến tham chiếu jquery bị phá vỡ. Thực hiện kiểm tra trong Chrome cho phép tôi thấy rằng tệp không được liên kết chính xác.

Trong trường hợp của tôi, tôi quên bao gồm điều này:

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

Trước đó tôi đã bao gồm chỉ jquery-mobile đã gây ra lỗi này.

Tôi đã sửa đổi thẻ script để trỏ đến đúng nội dung và thay đổi thứ tự script thành đúng trong trình chỉnh sửa. Nhưng hoàn toàn quên để lưu thay đổi.

Tôi đã có một vấn đề tương tự và đó là vì tôi đã thiếu một đóng> trên một liên kết trang mẫu.

<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>

Tôi có một vấn đề tương tự, và bạn biết không, vì mạng bị ngắt kết nối khi tôi kiểm tra trên webview thiết bị Android và tôi không nhận ra điều đó, và js cục bộ không gặp vấn đề gì vì không cần mạng. Có vẻ vô lý nhưng nó lãng phí ~ 1 giờ của tôi để tìm ra nó.

Bạn chưa tham khảo thư viện jQuery.

Bạn sẽ cần bao gồm một dòng tương tự như thế này trong HTML của bạn:

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

Tôi đã có vấn đề tương tự. Máy chủ thử nghiệm của tôi đã hoạt động tốt với "http". Tuy nhiên, nó đã thất bại trong sản xuất có SSL.

Vì vậy, trong sản xuất, tôi đã thêm "HTPPS" thay vì "HTTP" và trong thử nghiệm, tôi giữ nguyên là "HTTP".

Kiểm tra:

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' ) );

Sản xuất:

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' ) );

Hy vọng điều này sẽ giúp một người đang làm việc trên wordpress.

Lạ lùng thay, vấn đề của tôi đến từ PHP.

Một cuộc gọi API REST đã thất bại và sau đó nó đã phá vỡ việc tải các thư viện. Vì thất bại là từ cuộc gọi REST, nên nó không gây ra lỗi biên dịch php.

Giữ điều này như là một tùy chọn cũng được, nếu tải jquery có vẻ ổn.

Tôi gặp vấn đề này, khi tôi đang duyệt internet thông qua điểm truy cập di động. nó cũng đang nén hình ảnh và thêm đoạn script sau vào cuối thẻ body

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

Khi tôi kết nối với kết nối wifi thích hợp, tất cả dường như hoạt động tìm cho tôi. Hy vọng điều này sẽ giúp ai đó.

Điều này cũng có thể xảy ra, nếu có vấn đề về mạng. Điều đó có nghĩa là, mặc dù đã có "tập lệnh jquery" và được bao gồm trước khi sử dụng, vì tập lệnh jquery không thể truy cập được, tại thời điểm tải trang, do đó các định nghĩa cho "$" được coi là "tài liệu tham khảo không xác định".

ĐỐI VỚI MỤC ĐÍCH / DEBUG MỤC ĐÍCH :: Bạn có thể thử truy cập url "jquery-script" trên trình duyệt. Nếu nó có thể truy cập, trang của bạn, nên tải đúng cách, nếu không nó sẽ hiển thị lỗi đã nói (hoặc các lỗi liên quan đến tập lệnh khác). Ví dụ - http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js nên có thể truy cập được, trên trình duyệt (hoặc trạng thái bối cảnh của trình duyệt).

Tôi gặp vấn đề tương tự, trong đó tôi có thể tải trang html (sử dụng tập lệnh) trong trình duyệt windows-host-browser, nhưng không thể tải trong vm-ub Ubuntu. Giải quyết vấn đề mạng, giải quyết vấn đề.

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