Question

我创建了一个Web应用程序，在我的索引页面中有一个搜索按钮。当用户点击搜索按钮时，我想通过使用JQuery fadeOut效果显示消息。但是当我刷新或重新加载隐藏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>

Answer 1

你可以用内联css隐藏它;比如

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

Answer 2

所以div在页面加载期间显示？

您是否尝试使用css规则display：none启动div，并在加载页面后或首次淡入时删除它？

显示隐藏的div标签时出错

2 个答案: