Javascript jQuery-If语句检测页面加载

我有一个功能，可以自动隐藏小屏幕上的边栏。通过添加影响侧边栏边距的id，侧边栏被隐藏。变换用于设置其向左滑动的动画

由于我不希望侧边栏在页面加载时滑出屏幕，因此我添加了一个类来删除转换，然后在0.5s（转换长度）后删除该类，从而抵消了这一点

我有下面的功能在页面加载和窗口调整上运行。我只希望在页面加载时删除转换，因此有没有一种方法可以使用if语句来检测这种情况

function setSidebarState() {
    if($(window).width() < 960) {
        $(".wrapper").attr("id", "sidebarClosed");

        //Page load only
        if($(document).ready()) {
        /***if(!$(window).resize()) - this also doesn't work***/
            $(".sidebar, .content").addClass("noTransition");

            setTimeout(function() {
                $(".sidebar, .content").removeClass("noTransition");
            }, 500);
        }
    }
    else {
        $(".wrapper").attr("id", "");
    }
}

$(document).ready(function() {  
    setSidebarState();
}); 

$(window).resize(function() {  
    setSidebarState();
}); 

---

您只需拥有一个可传递给函数的布尔参数：

function setSidebarState(pageLoad) {
    if($(window).width() < 960) {
        $(".wrapper").attr("id", "sidebarClosed");

        //Page load only
        if(pageLoad) {
            $(".sidebar, .content").addClass("noTransition");

            setTimeout(function() {
                $(".sidebar, .content").removeClass("noTransition");
            }, 500);
        }
    }
    else {
        $(".wrapper").attr("id", "");
    }
}

$(document).ready(function() {  
    setSidebarState(true);
}); 

$(window).resize(function() {  
    setSidebarState(false);
}); 

函数setSidebarState（页面加载）{
如果（$（窗口）.width（）<960）{
$（“.wrapper”）.attr（“id”，“sidebarClosed”）；
//仅页面加载
如果（页面加载）{
$（“.sidebar.content”）.addClass（“非转换”）；
setTimeout（函数（）{
$（“.sidebar.content”）.removeClass（“NotTransition”）；
}, 500);
}
}
否则{
$（“.wrapper”）.attr（“id”，”）；
}
}
$（文档）.ready（函数（）{
setSidebarState（真）；
}); 
$（窗口）。调整大小（函数（）{
setSidebarState（假）；
}); 

您只需拥有一个可传递给函数的布尔参数：

function setSidebarState(pageLoad) {
    if($(window).width() < 960) {
        $(".wrapper").attr("id", "sidebarClosed");

        //Page load only
        if(pageLoad) {
            $(".sidebar, .content").addClass("noTransition");

            setTimeout(function() {
                $(".sidebar, .content").removeClass("noTransition");
            }, 500);
        }
    }
    else {
        $(".wrapper").attr("id", "");
    }
}

$(document).ready(function() {  
    setSidebarState(true);
}); 

$(window).resize(function() {  
    setSidebarState(false);
}); 

函数setSidebarState（页面加载）{
如果（$（窗口）.width（）<960）{
$（“.wrapper”）.attr（“id”，“sidebarClosed”）；
//仅页面加载
如果（页面加载）{
$（“.sidebar.content”）.addClass（“非转换”）；
setTimeout（函数（）{
$（“.sidebar.content”）.removeClass（“NotTransition”）；
}, 500);
}
}
否则{
$（“.wrapper”）.attr（“id”，”）；
}
}
$（文档）.ready（函数（）{
setSidebarState（真）；
}); 
$（窗口）。调整大小（函数（）{
setSidebarState（假）；
}); 

您应该认真研究响应性网页设计。你应该认真研究响应性网页设计。