jQuery $ .cookie không phải là một hàm

Tôi đang cố gắng đặt cookie bằng jQuery:

$.cookie("testCookie", "hello");
alert($.cookie("testCookie"));

Nhưng khi tôi tải trang của mình, tôi nhận được lỗi "$ .cookie không phải là một chức năng". Đây là những gì tôi biết:

• Tôi đã tải xuống plugin cookie jQuery tại đây .
• Tôi đang liên kết với jQuery và THÌ là plugin cookie.
• Cả jQuery và jQuery.cookie đều đang tải chính xác với 200 OK.

Tôi đã xem xét một số câu trả lời khác ( ở đây và ở đây trong số những câu trả lời khác), mà hầu hết mọi người đề xuất đổi tên tệp cookie.js. Tôi đã đổi tên tệp cookie của mình là "jquery.cookeee.js" nhưng kết quả vẫn như cũ.

Bất kỳ ý tưởng về những gì đang xảy ra ở đây?

Nếu nó hữu ích, tôi đang tạo một ứng dụng web trong MVC 4.

Dưới đây là tất cả các vấn đề / giải pháp có thể xảy ra mà tôi đã gặp phải:

1. Tải xuống plugin cookie

$.cookiekhông phải là một hàm jQuery chuẩn và bạn cần tải xuống plugin tại đây . Đảm bảo bao gồm <script>thẻ thích hợp khi cần thiết (xem tiếp theo).

2. Bao gồm jQuery trước plugin cookie

Khi bao gồm tập lệnh cookie, hãy đảm bảo bao gồm jQuery FIRST, sau đó là plugin cookie.

<script src="~/Scripts/jquery-2.0.3.js" type="text/javascript"></script>
<script src="~/Scripts/jquery_cookie.js" type="text/javascript"></script>

3. Không bao gồm jQuery nhiều lần

Đây là vấn đề của tôi. Đảm bảo rằng bạn không bao gồm jQuery nhiều lần. Nếu là bạn, có thể là:

1. jQuery tải chính xác.
2. Plugin cookie tải chính xác.
3. Việc bao gồm jQuery thứ hai của bạn sẽ ghi đè phần đầu tiên và phá hủy plugin cookie.

Đối với bất kỳ ai sử dụng các dự án ASP.Net MVC, hãy cẩn thận với các bao gồm gói javascript mặc định. Lần đưa jQuery thứ hai của tôi vào một trong các trang bố cục chung của tôi dưới dòng @Scripts.Render("~/bundles/jquery").

4. Đổi tên tệp plugin để không bao gồm ".cookie"

Trong một số trường hợp hiếm hoi, việc đổi tên tệp thành thứ KHÔNG bao gồm ".cookie" đã khắc phục được lỗi này, dường như do sự cố máy chủ web. Theo mặc định, tập lệnh đã tải xuống có tiêu đề là "jquery.cookie.js" nhưng hãy thử đổi tên nó thành "jquery_cookie.js" như hình trên. Thêm chi tiết về vấn đề này ở đây .

Các phiên bản cũ của jQuery Cookie đã bị phản đối, vì vậy nếu bạn đang nhận được lỗi:

$.cookie is not a function

bạn nên nâng cấp lên phiên bản mới .

API cho phiên bản mới cũng khác - thay vì sử dụng

$.cookie("yourCookieName");

bạn nên sử dụng

Cookies.get("yourCookieName");

thêm plugin cookie này cho jquery.

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

Kiểm tra để đảm bảo rằng bạn đã đưa tập lệnh vào đầu trang chứ không phải ở chân trang. Đặc biệt trong WordPress, cái này không hoạt động:

wp_register_script('cookie', get_template_directory_uri() . '/js/jquery.cookie.js', array(), false, true);

Tham số cuối cùng cho biết bao gồm tập lệnh ở chân trang và cần được thay đổi thành sai (mặc định). Cách nó hoạt động:

wp_register_script('cookie', get_template_directory_uri() . '/js/jquery.cookie.js');

Bạn nên thêm trước jquery.cookie.jssau đó thêm js hoặc jQuery của bạn vào nơi bạn đang sử dụng hàm đó.

Khi trình duyệt tải trang web đầu tiên, nó sẽ tải trang này jquery.cookie.jsvà sau đó bạn tải js hoặc jQuery và bây giờ chức năng đó đã có sẵn để sử dụng

Tôi cũng gặp vấn đề này. Tôi phát hiện ra rằng có một hàm $ (document) .ready bao gồm $ .cookie trong thẻ script bên trong nội dung khi có cookie js tải ở phần đầu BÊN DƯỚI jquery như dự định dẫn đến $ (document). Đã được xử lý trước cookie plugin có thể hoàn tất quá trình tải.

Tôi đã di chuyển tập lệnh tải plugin cookie trong phần thân trước tập lệnh $ (document) .ready và lỗi đã biến mất: D

Giải quyết jQuery $ .cookie không phải là một hàm này Vấn đề jquery cdn cập nhật để giải quyết vấn đề này

 <script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
 <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js" integrity="sha256-T0Vest3yCU7pafRw9r+settMBX6JkKN06dqBnpQ8d30=" crossorigin="anonymous"></script>