jQuery使用的函数不起作用-$未定义

时间:2018-12-12 04:37:46

标签: javascript jquery html css

我正在处理html css jquery项目,但遇到了与jquery函数有关的问题。我找不到错误纠正。请帮帮我。

$(document).ready(function(){
  $('.bxslider').bxSlider({
    mode: 'horizontal',
    auto: true,
  });
  $('.menu-togglr').on('click',function(){
    $('#main-nav').slideToggle('fast');
    $(this).toggleClass('active');
  });
});

这里的错误是

  
      
  1. $未定义
  2.   

$('.menu-togglr).中的部分无效。

3 个答案:

答案 0 :(得分:0)

$未定义意味着,您必须检查对JQuery文件的引用。 将引用添加到JQuery文件或更正该文件引用可能会解决所有剩余的问题。

答案 1 :(得分:0)

您遇到的错误-未定义$-表示您尚未导入jQuery。在脚本之前,将其添加到HTML页面,您的代码将起作用:

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

这也应该解决您在此行中遇到的错误:

$(".menu-togglr").on("click", function() {...})

答案 2 :(得分:0)

这仅仅是因为两个原因:

  1. 当您在脚本标记中链接了错误的源文件时,正确的代码应为

    <script type="text/javascript" src="your relative path"></script>

  2. 当您使用cdn且互联网无法正常工作时,这可能会导致无法加载jquery文件并因此导致错误。