2011-12-21 17 views
0

親divの左側の近くにあるときに非表示にしたいdivを持っています。これは次のようになります。親divの位置に応じてjQueryでdivを非表示

 
┌----------------------- 
| ┌------------------┐ 
|◄|     | 
| |     | 
| |     | 
| |     | 
| |     | 
| └------------------┘ 
└----------------------- 

私は別のdivにネストされた矢印divを持っています。私がしたいことは、コンテナのdivの左側の近くにあるときに、そのdiv divを非表示にすることです。 jQueryを使用してこれを達成する方法はありますか?

+0

他の要素になりますか?詳細を記入してください。 – xyz

+0

他の要素はどういう意味ですか? – Adrengski

+0

どのように矢印を描こうとしていますか?それはイメージですか?等? – melaos

答えて

0

これを行うには、position()またはoffset()を使用できます。

0

ロジックでは、そのポジションを取らなければならず、時折、そして/またはトリガーイベントが発生したときにアプローチする必要があります。それはあなた次第です。

<!DOCTYPE HTML> 
<html lang="en-US"> 
     <head> 
       <meta charset="UTF-8"> 
       <script type="text/javascript" src="http://code.jquery.com/jquery.js"></script> 
       <script type="text/javascript"> 
        $(document).ready(function(){ 
          var B = $('#b').position(); 
          var C = $('#c').position(); 
          alert (B.left) ; 
          alert (C.left) ; 
        }); 
       </script> 
     </head> 
     <body> 
       <div id="a"> 
        A 
        <div id="b"> 
          B 
          <div id="c"> 
            C 
          </div> 
        </div> 
       </div> 
     </body> 
</html> 
0

提案されているものの非常に簡単な例:http://jsfiddle.net/8YC8y/

+0

内部コンテナがクラスの場合はどうなりますか? inner_container divの中に矢印を入れてみましたが、まだ動作しています。 inner_containerをクラスに変更しましたが、まだ動作しています。しかし、別の同様のdivを作成すると、最初のdivだけが矢印を隠します。 http://jsfiddle.net/8PGwp/ – Adrengski

+0

私自身でそれを考え出しました。助けてくれてありがとう! :D – Adrengski

関連する問題