在导航选项卡上单击,刷新内容,默认选择选项卡上显示不同的div

时间:2015-10-22 18:54:50

标签: jquery css asp.net

我是asp和css概念的新手,在这里我遇到了一个非常基本的问题

我有一个导航栏 <li><a href = "#Div1" >Division 1</a></li>
<li><a href = "#Div2">Division 2</a></li>

我的分部如下

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<div id = "TextBox">
    //a text box here which is common and should be displayed with both the sections below
</div>

<div id ="Div1" class= "section">
 // some button and text boxes here
</div>

<div id ="Div2" class= "section">
 // some button and text boxes here
</div>
</updatePanle>

css文件:

.section { display:none }
.section:target { display: block }

css文件部分定义有助于正确选择分区,但是当页面加载时,只显示顶部的TextBox div。

所以我需要在页面加载时默认显示div1内容,当TextBox div中的文本框由一个值填充时,内容刷新,并且页面上没有div1或div2内容。

div在更新面板中定义

提前感谢您提供一些帮助。

1 个答案:

答案 0 :(得分:0)

似乎只有这个解决方案是使用javascript。 Rotora在一个非常类似的question中提到了解决方案。

HIS 解决方案(根据您的用例调整)

if (document.location.hash == "" || document.location.hash == "#")
    document.location.hash = "#Div1";