2014-02-19 2 views
0

Я использую jquery на странице asp.net с главной страницей, и моя цель - скрыть divs. Так я используюDivs показывается, а затем скрывается на загрузке страницы

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

Теперь дилемма является то, что кнопка нажата на странице дива показать на секунду, а затем hide.There кажется, мерцает перед тем, Div шкур. Может кто-нибудь объяснить мне, как это исправить. Можем ли мы скорректировать css. Я поставил код скрыть перед css. спасибо.

+0

Можете ли вы показать код кнопки и как вы подключаете ее к этой функции? – mason

ответ

3

Попробуйте как

$('#myDiv').css('display','none'); 

Существует разница в между hide и display:none.

Если вы выберете hide, то выбранный элемент будет скрыт немедленно, без анимации. Это примерно эквивалентно вызову .css ('display', 'none'), , за исключением, что значение свойства отображения сохраняется в кэше данных jQuery , так что впоследствии дисплей может быть восстановлен до его начального значения. Если элемент имеет отображаемое значение inline, то он скрыт и отображается, он снова будет отображаться в строке.

+0

Спасибо. Оно работало завораживающе. – designerNProgrammer

+2

Uhm, это именно то, что делает 'hide()', одна вещь, проблема в том, что DOM готов ждать, а не метод, применяющий стили? – adeneo

+0

Они такие же, что я знаю, но между ними есть свет, отличный от отображаемого vise.See мое редактирование один раз. – Gautam3164

0

Не могли бы вы рассказать о том, что вы подразумеваете под «Я поставил код скрытности перед css». Вы можете делать то, что вы пытаетесь сделать, просто сделав что-то вроде ниже

<div id="myDiv">div1</div> 
<button id="button1" >button</button> 
<script> 
    $('#button1').click(function() { 
     $('#myDiv').hide(); 
     return false; 
    }); 
</script> 
Смежные вопросы