부모 div의 위치에 따라 jQuery로 div를 숨기기

부모 div의 왼쪽 근처에있을 때 숨기고 싶은이 div가 있습니다. 이것은 다음과 같습니다.부모 div의 위치에 따라 jQuery로 div를 숨기기

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

그래서 다른 div에 중첩 된 div가 있습니다. 내가하고 싶은 일은 컨테이너 div의 왼쪽 근처에있는 화살표 div를 숨기는 것입니다. jQuery를 사용하여이를 달성 할 수있는 방법이 있습니까?

출처

2011-12-21 Adrengski

어떤 다른 요소가 될 것인가? 자세한 내용을 알려주십시오. – xyz

다른 요소는 무엇을 의미합니까? – Adrengski

어떻게 화살표를 렌더링 하시겠습니까? 그것은 이미지인가? 기타? – melaos

확실히. 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

혼자서 알아 냈습니다. 도와 주셔서 감사합니다! :디 – Adrengski

부모 div의 위치에 따라 jQuery로 div를 숨기기

답변

관련 문제