如何判斷一件收藏品是否可見？

我使用兩個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隱藏看不見的元素。

謝謝。

來源

2014-09-03 user5013

你可以做一個小提琴？ – 2014-09-03 22:45:00

如果您提供小提琴，我們會更好地幫助您。 – 2014-09-03 22:58:40

我將嘗試將其中一個放在一起，但我使用的代碼相當複雜，所以我不確定我能否將它簡化爲JSFiddle中的簡單內容。 – user5013 2014-09-08 20:12:33

您可以使用jQuery .width()或.height函數檢查元素的寬度，該函數將檢查溢出是否將被激活。

這裏是執行的實例文檔：http://api.jquery.com/width/

來源

2014-09-03 22:58:05

你能舉例說明如何通過使用高度函數來確定溢出是否會激活。我沒有跟隨。 – user5013 2014-09-08 20:07:13

@ user5013本答覆/帖子提供了示例，只需訪問提供的文檔鏈接。如果你有一個具體的問題，也許另一個線程更合適。如果解釋和示例爲您的問題帶來了解決方案，請將此帖標記爲答案，以便加速解決StackOverflow社區中的其他用戶 – 2017-11-22 20:52:17

如何判斷一件收藏品是否可見？

回答

相關問題