横向移动 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

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

一旦dom准备好或创建了所有页面元素，就会调用$（document）.ready（function）。你确实应该做这个

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