Javascript 如何在Js查询中定义$

我正在尝试运行JQuery来执行固定滚动，这样页面就可以向上滚动，但可以将我的页面的一部分固定在顶部。下面是我使用的Jquery、css和HTML。有人能告诉我我做错了什么吗

JQuery错误消息：未定义UncaughtReferenceError:$

HTML: 肋骨之家：拉芒果

              <div>
              <nav id="main-nav">
                  <ul>
                      <li>
                          <i class="icon ion-search placeholder-icon"></i>
                          Find a Hangout Spot
                      </li>
                  </ul>
              </nav>
              </div>
              <span id="mine"></span>

JQuery：

var offset = $('#main-nav').offset();
$(window).scroll(function(){
   //$('#mine').text($(document).scrollTop());
  $('#main-nav').addClass('fixed-nav');
  if($(document).scrollTop() < 10){
         $('#main-nav').removeClass('fixed-nav');
  }
});

var offset=$（'#主导航'）.offset（）；
$（窗口）。滚动（函数（）{
//$（'#mine'）.text（$（document.scrollTop（））；
$（'主导航'）.addClass（'固定导航'）；
如果（$（文档）.scrollTop（）<10）{
$（'主导航'）.removeClass（'固定导航'）；
}
});

首先检查Jquery是否包含在内，以及您是否正在使用prototype（Magento使用它）或其他使用

$

的库，将所有Jquery代码用iLife包装，以便您可以在其中安全地使用

$

<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>

Javascript

(function($){ //$ is now jQuery

  var offset = $('#main-nav').offset();
  $(window).scroll(function(){
    //$('#mine').text($(document).scrollTop());
    $('#main-nav').addClass('fixed-nav');
    if($(document).scrollTop() < 10){
         $('#main-nav').removeClass('fixed-nav');
    }
  });

})(jQuery);

（函数（$）{/$现在是jQuery
var offset=$（“#主导航”）.offset（）；
$（窗口）。滚动（函数（）{
//$（'#mine'）.text（$（document.scrollTop（））；
$（'主导航'）.addClass（'固定导航'）；
如果（$（文档）.scrollTop（）<10）{
$（'主导航'）.removeClass（'固定导航'）；
}
});
})（jQuery）；

您可以尝试使用不同于

$

的符号来调用jQuery函数和对象，但首先要检查jQuery是否正确加载

我通常使用此函数来避免其他库使用

$

符号的问题：

var jj = jQuery.noConflict(); //Now use jj instead of $ to call jQuery things
jj("p").css("color", "red");

---

这是wordpress页面（或使用noConflict的类似cms）？或者您忘记在页面中包含jQuery.js了吗？或者您是否在jQuery.js之前包含了您的代码？您是否将jQuery.js文件导入到您的项目中，或者您是否将这些文件联机链接到您的项目中。请将您的整个html代码

var jj = jQuery.noConflict(); //Now use jj instead of $ to call jQuery things
jj("p").css("color", "red");