Question

我有一个jQuery UI滑块。我添加了div1＆amp; div2显示两端滑块的范围，滑块手柄有工具提示div3，用于显示滑块的当前值。这个div3与div1和amp;滑块手柄靠近时的div2。所以我希望隐藏div1和amp; div3当div3彼此接近时...谢谢......

Answer 1

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

这相当于display：none。它隐藏了一个元素，它不会占用任何空间。

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

visibility：hidden隐藏了一个元素，但它仍然会占用与以前相同的空间。

[...]当div3彼此接近时

这部分我不明白。

<强> /编辑：

我更新了您的小提琴，请参阅代码here。

Answer 2

我可以给你逻辑就像你做的那样是计算div1＆amp;的位置。 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是相同

的链接

如果有任何查询则发表评论。

滑块处理工具提示重叠时如何隐藏div（显示滑块范围）

2 个答案: