jQuery: Uncaught TypeError: $(...).ready(...) is not a function答案

【问题标题】：jQuery: Uncaught TypeError: $(...).ready(...) is not a functionjQuery: Uncaught TypeError: $(...).ready(...) is not a function
【发布时间】：2016-07-07 06:50:45
【问题描述】：

我在<head> 中有以下代码，当单击.social-button 类的链接时，它基本上会打开一个弹出窗口：

<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript">
</script>
<script type="text/javascript">
    jQuery(document).ready(function ($) {
        $('.social-button').click(function () {
            var NWin = window.open($(this).prop('href'), '', 'scrollbars=1,height=470,width=570');
            if (window.focus) {
                NWin.focus();
            }
            return false;
        });
    });
</script>

代码有效，但是，我在控制台中收到此错误消息：

未捕获的类型错误：$(...).ready(...) 不是函数

我该如何解决这个错误？

【问题讨论】：

哪一行准确地抛出了这个错误？您在代码中有jQuery()，但错误消息显示$()。
$ 里面的function ($) 应该做什么？
@Aziz 将jQuery 别名为$，即使$ 在全局范围内不可用。

标签： javascript jquery typeerror

【解决方案1】：

在您的第一行 javascript 行中将 JQuery 替换为 $

【讨论】：

感谢您的快速回答，我修改了代码 '$(document).ready(function () { $('.social-button').click(function () { var NWin = window .open($(this).prop('href'), '', 'scrollbars=1,height=470,width=570'); if (window.focus) { NWin.focus(); } return false; }); });'现在在 JSHint 我得到未定义的变量 $