横向中的移动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（函数（）在dom准备就绪或创建所有页面元素时立即调用。你应该这样做

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