我有一个 jQuery UI 滑块。我添加了 div1 和 div2 来显示两端滑块的范围，滑块手柄有工具提示 div3 来显示滑块的当前值。当滑块手柄靠近时，此 div3 与 div1 和 div2 重叠。所以我希望在 div3 彼此靠近时隐藏 div1 和 div 2 ......谢谢......
问问题
329 次
2 回答
0
$('#div1').hide();
这相当于显示：无。它隐藏了一个元素，并且不会占用任何空间。
$('#div1').css("visibility", "hidden")
visibility:hidden 隐藏一个元素，但它仍然会占用与以前相同的空间。
[...] 当 div3 彼此靠近时
这部分我不明白。
/编辑：
我更新了您的 Fiddle，请参阅此处的代码。
于 2013-07-04T04:21:28.120 回答
0
我可以给你逻辑就像你所做的是计算 div1 和 div2 的位置，从中获取结束位置或与 div3 重叠的部分，然后为 div3 设置相同的条件，如果这些位置相同，那么你可以隐藏两者分区。获得以下职位是代码。
<!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>
这是相同的链接
如果有任何疑问，请发表评论。
于 2013-07-04T04:24:33.480 回答