2013-07-31 4 views
0

Я создал веб-приложение, и на моей индексной странице есть кнопка поиска. когда пользователь нажимает кнопку поиска, я хочу отобразить сообщение с помощью эффекта JQuery fadeOut. но когда я обновляю или перезагружаю страницу индекса, на которой отображается скрытый тег div, после чего отображает индексную страницу. Как я могу предотвратить это. Вот мой код и не могли бы вы помочь мне решить эту проблему?Ошибка при отображении скрытого тега div

<!-- Starting unavelable page--> 

<div id="hidden_div" class="hidden_div"> 

    <div class="inner_div"><h2> These Services Will Be Coming Soon!</h2></div> 
</div> 
<!-- End--> 


<script type="text/javascript"> 
$(document).ready(function(){ 

// when page loads #content_1 fades in over 4 seconds 
$('#hidden_div').hide(); 

// Clicking show button fades in content_2 hides content_1 
$('#search_botton').click(function(){ 
$('#hidden_div').fadeIn(1000); 
}); 


$('#hidden_div').click(function(){ 
$('#hidden_div').fadeOut(1000); 
}); 
// End Document ready 
}); 
</script> 
+0

Убедитесь, что вы правильно включены JQuery .... –

+1

Положив exmaple в http://jsfiddle.net/ облегчит для людей чтобы помочь вам. – Jazzepi

ответ

1

вы можете скрыть его с встроенным CSS, как

<div id="hidden_div" class="hidden_div" style="display:none;"> 
0

Значит, div отображается во время загрузки страницы?

Вы пытались запустить div с отображением правила CSS: нет и удалить его после загрузки страницы или при первом затухании?

+0

не могли бы вы предоставить мне пример кода? –

Смежные вопросы