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

时间:2013-07-04 04:13:46

标签: javascript jquery

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

2 个答案:

答案 0 :(得分:0)

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

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

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

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

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

这部分我不明白。

<强> /编辑:

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

答案 1 :(得分:0)

我可以给你逻辑 就像你做的那样是计算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是相同

的链接

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