jQuery脚本仅加载在首页[重复]

Question

我正在使用 ScrollToFixed 脚本进行导航，以在滚动时创建浮动粘性菜单。但是，它只适用于我的首页，而不适用于任何其他页面。这是我在标题中的代码，我知道这不是一个好习惯，但是当我试图将它排入队列时我无法让它工作。

<script type="text/javascript src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="wp-content/themes/neighborhood/js/jquery-scrolltofixed.js"></script>
</script>

<script>
jQuery.noConflict();
jQuery(document).ready(function($) {
    $('#main-nav').scrollToFixed();
});
    </script>

Answer 1

两件事：

1. 在您的 jquery-scrolltofixed.js 前面添加一个斜杠。没有斜线表示它是相对的。
2. 我真的建议您正确使用 WP 的注册/入队功能。查看http://code.tutsplus.com/articles/how-to-include-javascript-and-css-in-your-wordpress-themes-and-plugins--wp-24321

相信我。我按照你的方式做了一段时间 - 它只会导致痛苦和诅咒！

为了解释你缺少斜线的问题......它是相对正确的......所以，在主页上，它翻译为：

mydomain.com/wp-content/themes/neighborhood/js/jquery-scrolltofixed.js

但在类别页面上，例如 mydomain.com/someCategory/my-awesome-post/，它将翻译为：

mydomain.com/someCategory/wp-content/themes/neighborhood/js/jquery-scrolltofixed.js

因为它是相对的。以 / 开头使其绝对来自您的根域。这将解决您的问题，但不会解决您在没有注册和入队的情况下会遇到的更大问题。