49

我正在尝试运行 JavaScript/jQuery 函数，但Firebug收到错误消息：

$ is not defined $(function()".

JavaScript 代码放置在一个core.js由index.php. 是什么导致了这个错误？

JavaScript：

<script type="text/javascript">
    var formObject = {
        run : function(obj) {
            if (obj.val() === '') {
                obj.nextAll('.update').html('<option value="">----</option>').attr('disabled', true);
            } else {
                var id = obj.attr('id');
                var v = obj.val();
                jQuery.getJSON('/mod/update.php', { id : id, value : v }, function(data) {
                    if (!data.error) {
                        obj.next('.update').html(data.list).removeAttr('disabled');
                    } else {
                        obj.nextAll('.update').html('<option value="">----</option>').attr('disabled', true);
                    }
                });
            }
        }
    };

    $(function() {

        $('.update').live('change', function() {
            formObject.run($(this));
        });

    });
</script>

PHP/HTML

<html>
    <select name="main" id="category" class="update">
    <option value="">Select one</option>

        <? if (!empty($list)) { ?>
            <? foreach($list as $row) { ?>
                <option value="<?php echo $row['id']; ?>">
                    <? echo $row['name']; ?>
                </option>

            <? } ?>
        <? } ?>

    </select>
</html>
4

8 回答 8

87

您一定没有让 jQuery 可用于您的脚本。

将此添加到文件的顶部：

<script type="text/javascript" src="https://code.jquery.com/jquery-1.7.1.min.js"></script>

此问题与未正确添加到 PHP/JSP/ASP 文件中的 jQuery/JavaScript 文件有关。这出去并从源代码获取 jQuery 代码。您可以下载它并在服务器上本地引用它，这样会更快。

或者任何一个都可以直接将其链接到 jQuery 或 GoogleCDN 或 MicrosoftCDN。

如何将 jQuery 添加到您的网页中

于 2012-05-28T03:52:03.490 回答
6

尝试：

(function($) {
    $(function() {
        $('.update').live('change', function() {
            formObject.run($(this));
        });
    });
})(jQuery);

通过使用这种方式，您可以确保全局变量 jQuery 将绑定到闭包内的“$”。只需确保 jQuery 通过插入正确加载到页面中：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

将“ http://code.jquery.com/jquery-1.7.1.min.js ”替换为您的 jQuery 源在页面上下文中所在的路径。

于 2012-05-28T04:12:01.720 回答
4

您需要在页面中包含 jQuery 库。

您可以在此处下载 jQuery并自己托管它，也可以从 Google 或 Microsoft 等外部来源链接。

谷歌的：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

微软的：

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.6.2.min.js">

于 2012-05-28T03:54:13.333 回答
4

这可能对某人有用：

如果您已经获得 jQuery 但仍然出现此错误，请检查您是否在使用它的 js 之前包含 jQuery，特别是如果您在 ASP.NET C# 中使用 @RenderBody()

如果在 @RenderBody() 调用的视图中包含 js，则必须在 @RenderBody() 之前包含 jQuery。

于 2017-02-05T13:28:23.723 回答
2

包含 jquery.js，如果包含，请在任何其他 JavaScript 代码之前加载它。

于 2017-11-06T08:47:00.473 回答
1

我已经解决了如下。

import $ from 'jquery';

(function () {
    // ... code let script = $(..)
})();
于 2019-02-07T14:23:50.170 回答
0

我使用带有 MVC 和 Razor cshtml 的 Asp.Net Core 2.2 我的 JQuery 在布局页面中被引用，我需要将以下内容添加到我的 view.cshtml 中：

@section Scripts {
$script-here
}
于 2019-10-03T06:17:00.313 回答
0

如果您在添加 jquery 之前尝试在电子应用程序中使用 jquery，则应将其添加到模块中：

<script>
    if (typeof module === 'object') {
        window.module = module;
        module = undefined;
    }
</script>
<script src="js/jquery-3.5.1.min.js"></script>
于 2020-06-03T12:17:12.440 回答