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

Question

我有一个主导航器，该导航器是从嵌套UL列表运行的。 如果可见子导航（例如ul> ul> 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) {