用于粘性导航的 JQuery 与 JQuery.Min

Posted 2023-02-19

【中文标题】用于粘性导航的 JQuery 与 JQuery.Min

【英文标题】：JQuery vs. JQuery.Min For Sticky Navigation

【发布时间】：2014-06-15 18:37:26

【问题描述】：

我发现了一个我喜欢的“滚动到固定”粘性导航，但我无法在我的网站上使用它 - http://codepen.io/Guilh/pen/JLKbn

问题是，他们使用的是 JQuery。min - http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js 而我的 Wordpress 网站使用的是 JQuery，版本相同 1.11.0，但 URL 中没有最小值。

当我在本地测试代码时，JQuery.Min 链接有效，但我的 JQuery 无效，即使它们都是 1.11.0。有区别吗？这两个文件中的代码看起来完全相同，但一个有效，另一个无效。我认为 min 只是意味着缩小，因此它是一个更短的文件和更快的加载。

【问题讨论】：

你是对的 min 只是缩小的文件。逻辑上没有区别。也许你有一个自定义的 jQuery 文件？

我不认为这是习惯。它是 wordpress 附带的，不是我的主题 - fabfatale.com/wp-includes/js/jquery/jquery.js?ver=1.11.0

尝试使用外部jquery，而不是WordPress自带的版本

嗯，谢谢你的想法，但我想如果可能的话，我想坚持使用 Wordpress 提供的内容，所以 JQuery 代码将与我的 Wordpress 更新一起更新，代码似乎是大多数插件使用/共享什么。 ://

按 F12 并转到网络或资源选项卡并找到失败的脚本。是加载失败吗？还是其中发生了错误。

【参考方案1】：

对不起。我“需要 50 声望才能发表评论”。您是否尝试查看是否定义了 $？在某些 CMS 中，它们以无冲突模式运行 jQuery，因此您必须使用 jQuery 而不是 $。要找出答案，请转到您的 Firefox 控制台并输入 $ 并按 Enter。然后输入jQuery 并回车。这会告诉你它是否未定义。

如果你想使用$(function()/*code here*/);但仍然使用$，你可以使用jQuery(function($)/*code here*/);传递它。这一切都假设您在noConflict() 模式下运行。

【讨论】：

我认为不会出现这种情况，因为从他的 jquery 切换到托管的 jquery 可以解决问题。

@KevinB 对 jquery 文件的本地引用可能返回 404，我认为这是验证/确认的有效点

他提供了一个链接，粘贴到fiddler发现文件就好了

@KevinB 是的，但我说的是他的 Wordpress 网站而不是 Codepen，其中包括它自己的 jQuery 副本，而不是他在 Wordpress 上使用的确切副本。不过我可能弄错了。 （如果它是多余的，这可能是 Chandu 说的太抱歉了）。

这是正确答案。 wordpress 正在将 jQuery.noConflict 附加到 js 文件中。