jQuery脚本仅在首页上加载

时间:2014-05-11 12:57:33

标签: jquery wordpress

我使用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>

1 个答案:

答案 0 :(得分:0)

两件事:

  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
  3. 相信我。我这样做了一段时间 - 它只会带来痛苦和诅咒!

    用缺少的斜杠来解释你的问题....这是相对正确的...所以,在主页上,它翻译为:

    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
    

    因为它是相对的。以/开头使其与您的根域绝对。这将解决您的问题,但无法解决您在没有注册的情况下遇到的更大问题。入队。