根據父div上的位置隱藏div的div

我有這個div，當它靠近父div的左側時，我想隱藏它。這是它的樣子：根據父div上的位置隱藏div的div

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

所以我有箭頭div嵌套在另一個div。我想要做的就是當它靠近容器div的左側時隱藏該箭頭div。有什麼辦法來實現這個使用jQuery？

來源

2011-12-21 Adrengski

會有什麼其他因素？提供更多細節。 – xyz 2011-12-21 10:12:42

你是什麼意思其他元素？ – Adrengski 2011-12-21 10:14:22

你打算如何渲染箭頭？這是一個圖像？等等？ – melaos 2011-12-21 10:16:30

當然。你可以使用position（）或offset（）來做到這一點。

來源

2011-12-21 10:14:13 Manticore

在邏輯上，您必須時時採取立場，並且/或者在觸發事件發生時。

<!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>

來源

2011-12-21 10:19:34

的被提出什麼一個很簡單的例子：http://jsfiddle.net/8YC8y/

來源

2011-12-21 10:23:12 FlabbyRabbit

如果內部容器是一個類，該怎麼辦？我試圖把箭頭放在inner_container div中，它仍然在工作。我把inner_container改成了一個類，它仍然在工作。但是當我製作另一個類似的div時，只有第一個div隱藏了箭頭。 http://jsfiddle.net/8PGwp/ – Adrengski 2011-12-21 10:53:27

我自己的想法。謝謝您的幫助！：d – Adrengski 2011-12-21 11:02:09

根據父div上的位置隱藏div的div

回答

相關問題