javascript - JS - $ 未定义且无法调用 null 的方法 "plug"

Question

我在 html 和 css 中创建了一个下拉菜单系统，但是当我在 Chrome 中检查 element > Console 时，js 为我的两个 js 文件显示以下错误:

1. 未捕获的 ReferenceError:未为 filters.js 定义 $
2. 未捕获的 ReferenceError:$ 没有为 jquery.min.js 定义

下拉菜单没有正常显示。

我的 html 页面底部有标签，之前它加载如下:

<script type="text/javascript" src="../scripts/jquery.min.js"></script>
<script type="text/javascript" src="../scripts/filters.js"></script>

这是 files.js 的 js

$(function() {
  /**
   * the element
   */
  var $ui = $('#ui_element');
  /**
   * on focus and on click display the dropdown,
   * and change the arrow image
   */
  $ui.find('.sb_input').bind('focus click', function() {
    $ui.find('.sb_down').addClass('sb_up').removeClass('sb_down').andSelf().find('.sb_dropdown').show();
  });
  /**
   * on mouse leave hide the dropdown,
   * and change the arrow image
   */
  $ui.bind('mouseleave', function() {
    $ui.find('.sb_up').addClass('sb_down').removeClass('sb_up').andSelf().find('.sb_dropdown').hide();
  });
  /**
   * selecting all checkboxes
   */
  $ui.find('.sb_dropdown').find('label[for="all"]').prev().bind('click', function() {
    $(this).parent().siblings().find(':checkbox').attr('checked', this.checked).attr('disabled', this.checked);
  });
});

这是 jquery.min.js 的 js

var cbpHorizontalMenu=(function(){var b=$("#cbp-hrmenu > ul > li"),g=b.children("a"),c=$("body"),d=-1;function f(){g.on("click",a);b.on("click",function(h){h.stopPropagation()})}function a(j){if(d!==-1){b.eq(d).removeClass("cbp-hropen")}var i=$(j.currentTarget).parent("li"),h=i.index();if(d===h){i.removeClass("cbp-hropen");d=-1}else{i.addClass("cbp-hropen");d=h;c.off("click").on("click",e)}return false}function e(h){b.eq(d).removeClass("cbp-hropen");d=-1}return{init:f}})();

有什么想法吗？

Answer 1

jquery.min.js 应该是这样的:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

您使用的 jquery 代码不正确。 Jquery 定义了 $，这就是它在您的 javascript 代码中不起作用的原因。

简单替换

<script type="text/javascript" src="../scripts/jquery.min.js"></script>

与

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

或 JQuery 代码版本的链接。