2010-12-15 2 views
0

그래서 여기 상황은 다음과 같습니다.하나의 특정 div를 이동

나는 두 개의 div가 서로 겹쳐 있습니다. 나는 서로를 정의하고 두 번째 div의 margin-top 속성을 사용하여 첫 번째 요소와 겹칠 것입니다.

내가 할 일은 첫 번째 div를 특정 지점까지 화면이 꺼지게 설정하는 것입니다. 하지만 지금까지 (일반 자바 스크립트 또는 jquery 함수) 시도한 모든 속성을 내가 사용하고있는 모든 속성을 변경하려면 것 모두 그냥 문제가 내 파일에있는 divs.

특정 div의 속성을 변경하지 않고 속성을 변경하는 방법은 무엇입니까?

감사합니다.

답변

1

예는,

<div id='div1'>hi</div> 
<div id='div2'>bye</div> 
<span id='show2'>show2</span> 
<script> 

$(document).ready(function(){ 

    $('#div2').hide(); 

    $('#show2').click(function(){ 
    $('#div2').show(); 
    }); 
}); 

</script> 

먼저 JQuery와 $와 사업부 ("# 선택

<div id="first">...</div> 
<div id="second">...</div> 

같은 사업부에 ID를 적용 예를

+0

내가 한 내가 jQuery로 특정 CSS 속성을 수정할 때 사업부를 참조하기 위해 ID를 사용하려고 ...하지만 (마진 탑 이 경우 id로 지정한 경우에도 모든 div에 대해 수정됩니다. 또한 show/hide 기능 만 사용하면 작동하지 않습니다. div를 나중에 화면으로 옮길 때까지 화면 밖에서 어딘가에 살도록 설정해야합니다. 어떤 아이디어? 고마워요. – rjk

+0

코드 스 니펫을 게시 할 수 있습니까? – Ilyssis

0

에 대한 here을 참조 ID로 DIV를 지정 ") ...

+1

div를 참조하는 ID를 사용하려고했지만 ... jQuery (이 경우 margin-top)를 사용하여 특정 CSS 속성을 수정할 때 id가 하나만 지정하더라도 모든 div에 대해 수정됩니다. 또한 show/hide 기능 만 사용하면 작동하지 않습니다. div를 나중에 화면으로 옮길 때까지 화면 밖에서 어딘가에 살도록 설정해야합니다. 어떤 아이디어? 고마워요. – rjk

0

ID를 부여하는 것은 어떻습니까?

<div id="specificDiv"> 
    <!-- Content --> 
</div> 

.. 그리고 다음과 같이 당신은 전화,

$('#specificDiv') //assuming you're using jQuery.. 
+0

div를 참조하는 ID를 사용하려고했는데 ... jQuery (이 경우 margin-top)를 사용하여 특정 CSS 속성을 수정할 때 id가 하나만 지정하더라도 모든 div에 대해 수정됩니다. 또한 show/hide 기능 만 사용하면 작동하지 않습니다. div를 나중에 화면으로 옮길 때까지 화면 밖에서 어딘가에 살도록 설정해야합니다. 아이디어가 있습니까? 고마워요. – rjk

+0

Hey Ryan, 마크 업과 상대 자바 스크립트 코드를 보여줄 수 있습니까? 어떤 종류의 애니메이션 효과를 얻으려고하십니까? –

+0

예, jquery를 사용하여 div의 배경 이미지가 흐리게 표시됩니다. 플래시 파일이있는 다른 div도 있습니다. 문제는 플래시의 버튼이 작동하지 않는 동안 아래 div가 움직이는 것입니다 (또는 숨겨진 이유는 모르지만 이유가 없음). 그래서 나는 필요할 때까지 화면의 아래 부분을 화면 밖으로 옮기려고합니다. 왜냐하면 어떤 이유로 버튼을 작동시킵니다. 정말 정말 낮은 화면의 위치를 ​​설정해야하는 코드가 필요합니다. 그런 다음 다시 설정할 수 있습니다. 또는 애니메이션을 적용 할 수 있습니다. 게시 할 코드가 무엇인지 확실하지 않아도 관련성이 있습니다. – rjk

관련 문제