當滑塊手柄的工具提示重疊時，如何隱藏div（顯示滑塊範圍）

我有一個jQuery UI滑塊。我加了div1 & div2來顯示兩端滑塊的範圍，滑塊手柄有工具提示div3來顯示滑塊的當前值。當滑塊手柄關閉時，此div3與div1 & div2重疊。所以，我想隱藏都DIV1 & DIV 2時DIV3接近對方...謝謝...當滑塊手柄的工具提示重疊時，如何隱藏div（顯示滑塊範圍）

來源

2013-07-04 Vinu Sebastian

你能提供任何代碼和/或[jsfiddle示例]（http://jsfiddle.net）嗎？ – Dom

http://jsfiddle.net/t2hkD/ –

我可以給你的邏輯喜歡你所做的是計算，從那裏結束位置DIV1 & DIV2的位置或重疊的DIV3那麼對於DIV3相同的部分，並將這條件，如果這些位置是相同的那麼你可以隱藏這兩個div。獲取職位以下是代碼。

<!DOCTYPE html> 
<html> 
<head> 
    <style> 

    div { padding: 15px;} 
    p { margin-left:10px; } 
    </style> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
</head> 
<body> 

<div> 
    <p>Hello</p> 
</div> 
<p></p> 

<script> 
var p = $("p:first"); 
var position = p.position(); 
$("p:last").text("left: " + position.left + ", top: " + position.top); 
</script> 

</body> 
</html>

this是鏈接在同一

如有查詢，然後發表評論。

來源

2013-07-04 04:24:33 Tombeau

jsfiddle.net/t2hkD –

嘿人發現終極解決方案 http://jsfiddle.net/j08691/bEze7/1/ 現在只需把那些div放在那裏，你就完成了 – Tombeau

$('#div1').hide();

這相當於顯示：無。它隱藏了一個元素，它不會佔用任何空間。

$('#div1').css("visibility", "hidden")

可見性：hidden隱藏了一個元素，但它仍然佔據與以前相同的空間。

[...]當DIV3接近對方

這部分我不明白。

/編輯：

我更新了小提琴，看代碼here。

來源

2013-07-04 04:21:28

當div3（div附有滑塊手柄）接近div2時，我希望隱藏div1 ..當div3不在他們附近時，div1和div2必須可見..謝謝... –

jsfiddle.net/t2hkD –

當滑塊手柄的工具提示重疊時，如何隱藏div（顯示滑塊範圍）

回答

相關問題