脚本不能正常工作（但在其他站点上正常工作）

Question

好吧，这可能是一个愚蠢的问题，但我会问。当您在滚动时通过页面上的某个点时，我正试图制作一个div。我有这个脚本：

<script type="text/javascript"> 
$(document).ready(function() { 
     var s = $("#sticker"); 
     var pos = s.position();      
     $(window).scroll(function() { 
     var windowpos = $(window).scrollTop(); 
     if (windowpos >= pos.top + 335) { 
      s.addClass("stick"); 
     } else { 
      s.removeClass("stick"); 
     } 
    }); 
}); 
</script> 

哪一个在我的网站上正常工作。但现在我正在一个新网站上尝试它。每当我在控制台日志中发现错误时说：TypeError: $ is not a function而当我查看代码中的错误时，它突出显示了$(document).ready(function() {部分。

如果我删除了$(document).ready部分和});它告诉我var s = $("#sticker");部分是$ is not a function。

我已经试过

<script type="text/javascript"> 
jQuery(document).ready(function() { 
     var s = $("#sticker"); 
     var pos = s.position();      
     $(window).scroll(function() { 
     var windowpos = $(window).scrollTop(); 
     if (windowpos >= pos.top + 335) { 
      s.addClass("stick"); 
     } else { 
      s.removeClass("stick"); 
     } 
    }); 
}); 
</script> 

然后跳过(document).ready一部分，但它再次告​​诉我，我的var部分不是功能。

如果我删除脚本，我没有任何控制台日志消息。可能是什么问题呢？我试着把代码放在header和footer甚至在<div id="sticker">...</div>之前。似乎没有任何工作。该脚本完美地在另一个站点上运行...

Answer 1

您正在运行noConfilct模式中的jQuery。这意味着，jQuery仅适用于jQuery，不适用于$。您可以使用ready state或IIFE包装您的代码，以便通过$访问jQuery。

就绪状态：

jQuery(document).ready(function($) { 
    // access jQuery by '$' inside 
}); 

// this is a shorthand for the above '.ready' creation 
jQuery(function($) { 
    // access jQuery by '$' inside 
}); 

IIFE：

(function($) { 
    // access jQuery by '$' inside 
})(jQuery);