在包含jQueryJavaScript之前，您正在调用ready函数。首先引用jQuery。

如果存在网络问题，也可能发生这种情况。这意味着，即使“jquery脚本”已到位，并且在使用之前已包含，但由于在加载页面时无法访问jquery脚本，因此“$”的定义被视为“未定义的引用”。

出于测试/调试目的：：您可以尝试访问浏览器上的“jquery脚本”url。如果它是可访问的，您的页面应该正确加载，否则它将显示所述错误（或其他脚本相关错误）。示例-http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js应该可以在浏览器（或浏览器上下文实例）上访问。

我也遇到过类似的问题，我可以在windows主机浏览器中加载html页面（使用脚本），但无法在vmubuntu中加载。解决网络问题，解决问题。

我也有类似的问题。我的测试服务器使用“http”时工作正常。然而，它在具有SSL的生产中失败。

因此，在生产中，我添加了“HTPPS”而不是“HTTP”，在测试中，我保持了“HTTP”。

测试：

wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js', array(), null, false );

wp_register_script( 'custom-script', plugins_url( '/js/custom.js', __FILE__ ), array( 'jquery' ) );

生产：

wp_register_script( 'jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js', array(), null, false );

wp_register_script( 'custom-script', plugins_url( '/js/custom.js', __FILE__ ), array( 'jquery' ) );

希望这对正在wordpress工作的人有所帮助。

$(document).ready(function() {
                $.getJSON("<?php echo site_url('cadmin/survey/chart_survey_assisten'); ?>", function (json) { 
                    var acctregs = new Morris.Donut({
                                // ID of the element in which to draw the chart.
                                element: 'hadir-chart-bar-assisten',
                                // Chart data records -- each entry in this array corresponds to a point on
                                // the chart.
                                data: json,
                                xkey: 'label',
                                ykeys: ['value'],
                                labels: ['Nilai'],
                                barRatio: 0.4,
                                xLabelAngle: 35,
                                hideHover: 'auto',
                                resize: true
                            });
                });
           });

我也遇到了同样的问题，我通过将jQuery放在代码中所有javascript代码的顶部来解决这个问题。

类似于：

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="js/app.js" type="text/javascript"></script>
<script src="js/form.js" type="text/javascript"></script>
<script src="js/create.js" type="text/javascript"></script>
<script src="js/tween.js" type="text/javascript"></script>

希望可以帮助未来的某个人。

在以下两种情况下也会发生错误。

@HTML文件中缺少section-scripts元素访问DOM元素时出错。例如，DOM元素的访问被称为$（“js toggle”）而不是$（“.js togge”）

因此，需要遵循三点：检查是否添加了所需的脚本，检查是否按所需的顺序添加了脚本，以及Java脚本中的第三个语法错误。