javascript - JQuery 菜单仅适用于主页

标签 javascript jquery css wordpress

好吧,这是一个非常简单的..甚至可能是愚蠢的问题。但是我已经尝试了很长时间才能使它正常工作,但没有任何效果。我有一个用加号/减号切换的菜单...虽然这个菜单只适用于主页,但没有别的。这是代码:

$(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 文件中,而且它只适用于我网站的主页。我尝试将“$(document)”更改为“jQuery(Document)”,我也停用了所有插件,但菜单仍然只在主页上有效。

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

<div class="gallerylink">
<a href="#" class="gh-gallink">
    -
</a>
</div>

任何帮助将不胜感激! :)

编辑:

我按照 Chipmunk 所说的做了,一个接一个地删除了标题中的每个脚本。我发现当我删除这个将页面向上滚动到 anchor 的脚本(如下所列)时,一切正常。但是,我仍然希望同时运行两个脚本。这是 anchor 滚动脚本。

// 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;
    });
});

因此,当您单击#scrolls 或#scroll.. 时,它会向上滚动到 anchor “#invisiblebox”。我不知道为什么这不适用于我的切换菜单。如果有人有让两个脚本都运行的解决方案,请告诉我。

最佳答案

关于javascript - JQuery 菜单仅适用于主页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13652302/

相关文章:

javascript - 有人可以在幕后解释为什么这个 Jquery Hover 图像命令不起作用吗?

javascript - 如何在浏览器中查找javascript发生异常的行

css - 内容更改后动画 block 调整大小的正确方法是什么

jquery 用户界面 : css scaled elements do not work with draggable()

html - 为什么边框会增加元素的宽度?

javascript - 使用 Javascript 和 CSS 从左到右对齐

javascript - JQuery 单击时没有任何操作

javascript - jQuery UI 日期选择器 : Block off the next 3 business days

javascript - 为什么 Canvas 会放大图像尺寸?

javascript - Meteor 中的文件加载顺序