jQuery检查嵌套UL的可见性并设置CSS属性

Question

我有一个主导航，它使用嵌套的UL列表。如果subnav（例如ul＆gt; ul＆gt; ul）可见，我需要将身体内容向下移动一点。

我的HTML结构：

<div id="nav">
    <ul>
        <li>item</li>
        <li>item
            <ul>subnav</ul></li>
    </ul>
</div>

<div class="bodyMain"></div>

我的jQuery：

$(document).ready(function() {
    if($("#nav ul ul:visible").length === 0) {
        $(".bodyMain").css("padding-top", "50px");
    }
});

出于某种原因，它不起作用。这是页面：http://boiseriesboileau.businesscatalyst.com/vostyles.html

Answer 1

您无意中检查是否没有可见的子菜单。您应该将if语句更改为：

if($("#nav ul ul:visible").length > 0) {