Jquery window.width 如果/不工作答案

【问题标题】：Jquery window.width if/ doesnt workingJquery window.width 如果/不工作
【发布时间】：2016-02-21 12:54:39
【问题描述】：

有人能说出为什么这个脚本不工作吗？此脚本尝试在滚动后根据窗口宽度添加类。我不知道我在哪里犯错。有人吗？

$(document).ready(function () {
    var nav = $('nav');
    var ul = $('ul.navigation li');
    var width = $(window).width();

    function nav() {
        if (width < 700) {
            navbar1();
        } else {
            navbar2();
        }
    };

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

            if (scroll > 10) {
                nav.addClass('scroll');
                ul.addClass('scroll');
            } else {
                nav.removeClass('scroll');
                ul.removeClass('scroll');
            }
        });
    }

    function navbar2() {
        $(window).scroll(function () {
            var scroll = $(window).scrollTop();
            if (scroll > 10) {
                nav.addClass('scroll');
            } else {
                nav.removeClass('scroll');
            }
        });
    }
});

【问题讨论】：

可以加html和css吗？
能否提供JSFiddle Demo？

标签： jquery scroll window width

【解决方案1】：

这里是：https://jsfiddle.net/ggozdyra/hLazq8c7/

$(document).ready(function() {
    var nav = $('nav');
    var ul = $('ul.navigation li');
    var width = $(window).width();

function kupa(){

   if ( width < 700) {  
        navbar1();
   } else {
        navbar2();
   };  
};

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

        if ( scroll > 10) {
            nav.addClass('scroll');
            ul.addClass('scroll');
        } else {
            nav.removeClass('scroll');
            ul.removeClass('scroll');
        }
    });
}

function navbar2() {
    $(window).scroll(function() {
        var scroll = $(window).scrollTop();
        if ( scroll > 10) {
            nav.addClass('scroll');
        } else {
            nav.removeClass('scroll');
        }
    });
  }

});

【讨论】：