2010-12-15 5 views
0

так вот что:Перемещение одного определенного div

У меня есть 2 divs один поверх другого. Я определил их один за другим и использовал свойство margin-top второго div, чтобы он перекрывал первое.

то, что мне нужно сделать, это установить первый div, чтобы быть вне экрана до определенной точки. но все, что я пробовал до сих пор (простые функции javascript или jquery), похоже, изменяет любое свойство, которое я использую для всех divs в моем файле, а не только тот, о котором идет речь.

Есть ли способ просто изменить свойства одного конкретного div, не меняя их всех?

спасибо.

ответ

1

да, указать DIV по ID

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

см here, например

+0

я сделал попробовать использовать идентификатор для ссылки на DIV ... но когда я изменить конкретное свойство CSS с JQuery (маржа-топ в этом случае) он изменяет его для всех div, хотя я указал один на id. также, просто использование функции show/hide не будет работать; Мне нужно установить div, чтобы жить где-то за кадром, пока не появится более поздний момент, когда я его верну. есть идеи? Большое спасибо ребятам. – rjk 2010-12-16 19:30:17

+0

можете ли вы разместить фрагмент кода? – Ilyssis 2010-12-17 13:23:50

0

Нанести идентификатор в DIV, как

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

Выберите DIV с JQuery $ ("# первый ") ...

+1

Я попытался использовать id для ссылки на div ... но когда я изменяю конкретное свойство css с jquery (в этом случае margin-top), он изменяет его для всех div, хотя я указал один на id. также, просто использование функции show/hide не будет работать; Мне нужно установить div, чтобы жить где-то за кадром, пока не появится более поздний момент, когда я его верну. есть идеи? Большое спасибо ребятам. – rjk 2010-12-16 19:34:32

0

Как насчет предоставления этого div ID?

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

..и тогда вы называете это следующим образом,

$('#specificDiv') //assuming you're using jQuery.. 
Смежные вопросы