jquery - 横向移动 CSS 栏不起作用

Question

我的移动网页上有 CSS 条，而不是链接。它在纵向中工作正常，但默认为横向视图中的链接。我使用了一点 jQuery 来做到这一点，但我不知道为什么它在横向上不起作用。我简化了代码以强制它工作，但这并没有帮助。有人可以帮我解决这个问题。jQuery 代码如下。

if (window.innerWidth && window.innerWidth <= 600) 
{ 
    $(document).ready(function(){
        $('#header ul').addClass('show'); 
    }); 
}
else
{
   $(document).ready(function () {
    $('#header ul').addClass('show');
}

Answer 1

你不能在 if-else 结构中使用 document.ready 函数。

$(document).ready(function() 在 dom 准备好或所有页面元素创建后立即调用。你确实应该这样做

$(document).ready(function(){
    if (window.innerWidth && window.innerWidth <= 600) { 
    $('#header ul').addClass('show'); 
    }
});