jQuery窗口滚动代码格式问题

时间:2015-05-10 01:49:44

标签: javascript jquery scroll

新手:自己编写jQuery

因此,当窗口在设定的像素数量后向下滚动时,让jQuery添加一个类,我遇到了麻烦。

要设置一个小背景,导航栏当前有一些jQuery可以切换类,以便在单击时创建一点淡入淡出效果。它是静态的,可以在页面上稍微放下一些。我的问题是添加jQuery继续添加类,因为窗口向下滚动以基本上添加类,一旦静态导航器不在视图中,导航栏将固定到页面顶部。

我正在使用自定义.js函数文件创建子主题 - 这是迄今为止有效的代码:

    jQuery(document).ready(function($) {   
    $('.testimonials').bxSlider();

   $('.home .siteBrand').click(function(){
        $('.home .x-navbar').toggleClass("x-navbarOpen");
        $('.home .x-navbar').addClass("ani");
        $('.home .x-nav-wrap.desktop').toggleClass("siteBrandOpen");
        $('.home .x-nav-wrap.desktop').addClass("ani");
        $('.home .x-navbar .desktop .x-nav > li > a').toggleClass("menuOpen");
        $('.home .x-navbar .desktop .x-nav > li > a').addClass("ani");

    });
});

以下代码适用于其他网站:

var $j = jQuery.noConflict();   

$j(window).scroll(function() {    
    var scroll = $j(window).scrollTop();

    if (scroll >= 750) {
        $j(".home .x-navbar").addClass("x-navbar-fixed-top");
    } else {
        $j(".home .x-navbar").removeClass("x-navbar-fixed-top");
    }
});

它只在将代码添加到主题的自定义Javascript功能时才有效,但是我需要将它全部放在子主题的自定义.js文件中,并且经过大量的代码播放后,我不知道如何格式化这个片段使其在自定义文件中工作。我注意到的一个问题是,无论我是在主题功能中添加窗口滚动代码还是尝试在自定义文件中使用它,在自定义文件中工作的代码都会停止。

谁能告诉我我做错了什么?谢谢! :)

1 个答案:

答案 0 :(得分:0)

听起来你需要评论......

super.onCreate(savedInstanceState);
        setContentView(R.layout.home);

        colors_app = getSharedPreferences("MyColor2", 1);

        int colorcode2 = colors_app.getInt("color_code", 0);
        if (colorcode2 != 0) {

            Home.this.findViewById(R.id.home_layout)
                    .setBackgroundColor(colorcode2);

        }
    }

...并将//var $j = jQuery.noConflict(); 的所有引用替换为$j

"其他网站"可能有两个版本的jQuery,并通过添加$方法解决了这个问题。由于我只能假设您的网站不是这种情况,因此您不应在复制/粘贴时包含该部分。 但是,如果您这样做,则禁用了"自定义文件中的所有先前引用.noConflict()"脚本。这将解释"自定义文件"脚本停止工作。

有些值得深思的话:

$