javascript - jQuery "$.cookie"不是函数

Question

我不明白为什么我在控制台中收到这个简单的错误:

Uncaught TypeError: $.cookie is not a function

这是我实现 JavaScript 和 jQuery 的地方:

<script src="jquery.js"></script>
<script src="cookies.js"></script>
<script src="scripts/changeTheme.js"></script>
<script>
    function cookieTest() {
        $.cookie("test", "Cookies are working!");
        alert($.cookie("test"));
    };
    cookieTest();
</script>

我检查了一千遍，但没有发现引用拼写错误。我通过离线和在线查看我的网站来尝试此操作。

我从https://github.com/js-cookie/js-cookie下载了cookies插件.

此外，当我这样做时，警报也会起作用:

<script src="jquery.js"></script>
<script src="cookies.js"></script>
<script src="scripts/changeTheme.js"></script>
<script>
    function cookieTest() {
        alert("Test");
    };
    cookieTest();
</script>

我的文件名为 cookies.js，因为我只是从 github 复制了源代码并将其放入新的 js 文件中。 Directory

Answer 1

您使用的库不是 jquery 插件。使用旧版本 - https://github.com/carhartl/jquery-cookie/blob/master/src/jquery.cookie.js

由于我没有找到这个插件的任何 CDN 源，我复制粘贴了它的内容并且它正在工作。示例:https://jsfiddle.net/wbcq3ho4/

<script src="CORRECT LIBRARY PATH HERE"></script>
<script>
    function cookieTest() {
        $.cookie("test", "Cookies are working!");
        alert($.cookie("test"));
    };
</script>

<button type="button" onclick="cookieTest();">
Click me
</button>

只需手动或使用 Bower/composer 下载文件，然后将正确的链接放入 html 代码中