Javascript JQuery菜单仅在主页上工作

Javascript JQuery菜单仅在主页上工作,javascript,jquery,css,wordpress,Javascript,Jquery,Css,Wordpress,好的,这是一个很简单的。。甚至可能是愚蠢的问题。但我已经尝试了相当长的一段时间,让它正常工作,但没有任何效果。我有一个菜单,可以用加号/减号切换。。。但此菜单仅在主页上有效,其他功能不起作用。代码如下: $(document).ready(function(){ $('.gh-gallink').toggle( function() { $('.gallery_container').animate({ marginTop: "x", }, 1000);

好的,这是一个很简单的。。甚至可能是愚蠢的问题。但我已经尝试了相当长的一段时间,让它正常工作,但没有任何效果。我有一个菜单,可以用加号/减号切换。。。但此菜单仅在主页上有效,其他功能不起作用。代码如下:

$(document).ready(function(){   
$('.gh-gallink').toggle(
function() {
    $('.gallery_container').animate({
        marginTop: "x",
    }, 1000);
    $('.jquerycssmenu ul li ul').animate({
        marginTop: "x",
    }, 100);
    $('.jquerycssmenu ul li ul li a').animate({
    height: "x",
    }, 100);
    $('#main').animate({
        marginTop: "x",
    }, 1000);
    $(this).text('+');


}, function() {
    $('.gallery_container').animate({
        marginTop: "x",
    }, 1000);
    $('.jquerycssmenu ul li ul').animate({
        marginTop: "x",
    }, 100);
    $('.jquerycssmenu ul li ul li a').animate({
        height: "x",
    }, 100);
    $('#main').animate({
        marginTop: "x",
    }, 1000);
    $(this).text('-');

});
});
菜单很好,但还是。。只在主页上。当然,我的实际代码中没有x。但无论如何,代码在我的网站的header.php文件中,而且它只在我的网站主页上起作用。我尝试将“$(文档)”更改为“jQuery(文档)”,并且我也停用了所有插件,但是菜单仍然只在主页上起作用

此外,以下是显示切换按钮的html:

<div class="gallerylink">
<a href="#" class="gh-gallink">
    -
</a>
</div>
所以当你点击“滚动”或“滚动”时。。它会向上滚动到主播“#invisiblebox”。我不知道为什么我的切换菜单不起作用。如果任何人有一个解决方案,让这两个脚本运行,请让我知道

请阅读 及

这可能是一个愚蠢的问题,但您是否在其他页面中包含了jQuery?您确定在其他页面中也包含了您的脚本吗?@Kyle告诉了我。检查脚本标记并确保jQuery正在加载。检查错误控制台是否有任何明显的“Unknown variable;$”标志。嗨,Kyle,菜单的代码在wordpress的my header.php文件中,我的网站的标题显示在每个页面上。因此,从理论上讲,jquery包含在每个页面上。在我的页眉中使用jquery的其他一些代码在其他页面上工作,只是这一个不适用于切换菜单。我希望这有帮助。编辑:哦,我现在明白你的意思了。。。是的。。jquery加载在我的网站的标题部分,该部分加载在每个页面上。。同样,我的标题中还有一些其他jquery代码。。只是因为一些愚蠢的原因而没有切换菜单(可能是另一个愚蠢的问题,但你是在header.php或footer.php中包含脚本标记吗?还是在通过wp_enqueue_脚本中包含脚本?该代码示例和博客文章都不见了。下面是对该博客文章的重新创建-
// When the Document Object Model is ready
jQuery(document).ready(function(){
    // 'catTopPosition' is the amount of pixels #invisiblebox
    // is from the top of the document
    var catTopPosition = jQuery('#invisiblebox').offset().top;

    // When #scroll is clicked
    jQuery('#scroll, #scrolls').click(function(){
        // Scroll down to 'catTopPosition'
        jQuery('html, body').animate({scrollTop:catTopPosition}, 'slow');
        // Stop the link from acting like a normal anchor link
        return false;
    });
});