4

jQuery UI スライダーがあります。両端にスライダーの範囲を表示するために div1 と div2 を追加し、スライダー ハンドルにはスライダーの現在の値を表示するためのツール ヒント div3 があります。この div3 は、スライダー ハンドルが近づくと div1 と div2 の両方に重なります。だから、div3が互いに近づいたときにdiv1とdiv2の両方を非表示にしたい...ありがとう...

4

2 に答える 2

0

私はあなたにロジックを与えることができますあなたがしていることのように、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>

これは同じリンクです

クエリがある場合はコメントしてください。

于 2013-07-04T04:24:33.480 に答える
0 
$('#div1').hide();

これは、display:none と同等です。要素を非表示にし、スペースを占有しません。

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

visibility:hidden は要素を非表示にしますが、以前と同じスペースを占有します。

[...] div3 同士が接近した場合

この部分が分かりません。

/編集：

Fiddle を更新しました。コードはこちらを参照してください。

于 2013-07-04T04:21:28.120 に答える