jQuery未捕获类型错误:属性'$';对象的属性不是函数

jQuery未捕获类型错误:属性'$';对象的属性不是函数,jquery,content-management-system,syntax-error,Jquery,Content Management System,Syntax Error,在尝试运行以下jQuery代码时,我收到一个错误(UncaughtTypeError:object[object object]的属性“$”不是函数): $(document).ready(function(){ $('.login').click(function(){ $.getJSON('https://www.cloudflare.com/api_json.html', $('form').serialize()) }); }); 我在设置时没有收到此错误,我只在上收到

在尝试运行以下jQuery代码时,我收到一个错误(
UncaughtTypeError:object[object object]的属性“$”不是函数
):

$(document).ready(function(){
  $('.login').click(function(){
    $.getJSON('https://www.cloudflare.com/api_json.html', $('form').serialize())
  });
});
我在设置时没有收到此错误,我只在上收到它。我已尝试将我的第一行代码替换为

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

因为其他帖子建议我的CMS在无冲突模式下加载jQuery,它只是返回了一个不同的错误(
uncaughtreferenceerror:jQuery未定义
)。有人有什么有用的建议吗?

首先确保
jQuery
js已加载

还要检查与
jQuery$
冲突的其他javascript库

并使用
jQuery.noConflict()


官方文档

首先确保
jQuery
js已加载

还要检查与
jQuery$
冲突的其他javascript库

并使用
jQuery.noConflict()

正式文档

JS区分大小写:

jquery(document).ready(function($){
 ^__ This should be capitalized
JS区分大小写:

jquery(document).ready(function($){
 ^__ This should be capitalized

它应该是
jQuery
而不是
jQuery

jQuery变量区分大小写

您已经使用了
jquery(document).ready(function($){
small case
q
,它应该是
jquery(document).ready(function($){

你可以把它缩短到

jQuery(function($){
            $('.submit-login-info').click(function(){
                $.getJSON('https://www.cloudflare.com/api_json.html', $('.logininfo').serialize())
            });
        });

它应该是
jQuery
而不是
jQuery

jQuery变量区分大小写

您已经使用了
jquery(document).ready(function($){
small case
q
,它应该是
jquery(document).ready(function($){

你可以把它缩短到

jQuery(function($){
            $('.submit-login-info').click(function(){
                $.getJSON('https://www.cloudflare.com/api_json.html', $('.logininfo').serialize())
            });
        });

在您的源代码中,jQuery都是小写的“jQuery”。这似乎是您的问题。将其更改为“jQuery”并查看它是否有效。

在您的源代码中,jQuery都是小写的“jQuery”。这似乎是您的问题。将其更改为“jQuery”并查看它是否有效。


<script type="text/javascript">
$(document).ready(function() { 

    $('a[href=#top]').click(function(){
        $('html, body').animate({scrollTop:0}, 'slow');
        return false;
    });

});     
</script>
$(文档).ready(函数(){ $('a[href=#top]')。单击(函数(){ $('html,body')。动画({scrollTop:0},'slow'); 返回false; }); });
然后,您可以在该函数的作用域中使用$,而不会与作用域之外的其他库发生冲突


$(文档).ready(函数(){
$('a[href=#top]')。单击(函数(){
$('html,body')。动画({scrollTop:0},'slow');
返回false;
});
});     

然后,您可以在该函数的作用域中使用$,而不会与作用域之外的其他库发生冲突

我的标题中有以下代码:
。应该正确加载jQuery吗?我应该如何验证它是否正在加载?网站上还有其他几个脚本正在使用jQuery,并且似乎正在工作很好。我的标题中有以下代码:
。应该正确加载jQuery吗?我应该如何验证它是否确实正在加载?网站上还有其他几个脚本正在使用jQuery,并且似乎工作正常。谢谢,这很好,但现在我收到一个不同的、不相关的错误:XMLHttpRequest无法加载。Origin不是Access-Control-Allow-Origin允许。由于这与原始问题无关,是否应将其发布在不同的帖子下?此外,是否应该对原本有帮助但实际上没有解决问题的答案进行否决,还是只对没有帮助的答案进行否决?这是Aja新手面临的一个非常常见的错误x、 您可以使用Ajax搜索
同源策略
。因此,它本身存在很多问题。同源策略防止浏览器对不同的域进行Ajax调用,而不是从中加载页面。解决方案之一是使用jsonpI尝试使用JSONP,但不知道如何执行。我尝试了dding&callback=mycallback,因为这是[CloudFlare API]()指定的(我认为它希望指定某个东西来代替mycallback,但我不确定是什么)还有&callback=?因为这是我在其他帖子上一直读到的。我是否需要指定我试图使用JSONP而不是JSON,或者我做了其他错误的事情?我将代码存储在[这里](domainmanager.tech bytes.org)。谢谢,这很有效,但现在我遇到了一个不同的、不相关的错误:XMLHttpRequest无法加载。Access-Control-Allow-Origin不允许使用Origin。这篇文章是否应该发布在不同的帖子下,因为它与原始问题无关?此外,是否应该对那些原本有帮助但实际上并没有解决问题的答案投否决票,还是继续ly答案不打算帮助被否决?这是Ajax新手面临的一个非常常见的错误,您可以使用Ajax搜索
同源策略
。这其中有很多问题,因此同源策略本身就可以防止浏览器对不同的域进行Ajax调用,而不是页面所在的域加载。其中一个解决方案是使用jsonpI尝试使用JSONP,但不知道如何操作。我尝试添加&callback=mycallback,因为[CloudFlare API]()指定了这一点(我认为它需要指定某个东西来代替mycallback,但我不确定是什么)还有&callback=?因为这是我在其他帖子上一直读到的。我是否需要指定我试图使用JSONP而不是JSON,或者我做了其他错误的事情?我将代码存储在[这里](domainmanager.tech bytes.org)。