Question

我使用两个ul列表来创建可折叠的菜单样式列表。这是一个例子：

<ul class="element_list element_group ui-sortable">
    <li id="de_1" class="element_config_form element_group_parent eg-collapsed" style="height: 1em;"></li>
    <li id="de_2" class="element_config_form element_group_parent eg-collapsed" style="height: 1em;"></li>
    <li id="de_57" class="element_config_form element_group_parent eg-collapsed" style="height: 1em;"></li>
    <li id="de_47" class="element_config_form element_group_parent eg-collapsed" style="height: 1em;"></li>
    <li id="de_3" class="element_config_form element_group_parent eg-collapsed" style="height: 1em;"></li>
    <li id="de_4" class="element_config_form element_group_parent eg-collapsed" style="height: 1em;"></li>
    <li id="de_18" class="element_config_form element_group_parent eg-collapsed" style="height: 1em;"></li>
    <li id="de_20" class="element_config_form element_group_parent eg-collapsed" style="height: 1em;"></li>
    <li id="de_49" class="element_config_form element_group_parent eg-expanded" style="height: auto;">
        <div></div>
        <ul class="element_group">
            <li id="de_51" class="element_config_form element_group_leaf"></li>
        </ul>
    </li>
</ul>

在示例中，最后一个元素已展开，但其他<li>元素也包含子项。

我正在使用jQuery可排序的API来移动这些元素，但我得到了一些时髦的行为（很多项目来回拖动鼠标来放置元素）。我相信我得到了这种行为，因为被拖动的元素正在检查它是否与每个列表元素相交，甚至是隐藏的元素。

我的问题是，如何只检查只有可见元素的交集？ css仅使用overflow: hidden来隐藏看不见的元素。

感谢。

Answer 1

您可以使用jQuery .width()或.height函数检查元素的宽度，该函数将检查溢出是否会被激活。

以下是包含实施示例的文档：http://api.jquery.com/width/

如何辨别手风琴项目是否可见？

1 个答案: