当我点击页面上的刷新按钮时,重新加载的页面似乎不会像通常刷新或重新加载页面那样选择第一个选项卡?
我的jquery选项卡的设置与您通常在任何地方都能找到的一样。
有什么想法吗?
<head>
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
</head>
选项卡
<div class="tabs">
<ul class="tabNavigation">
<li><a href="#priority">Priority</a></li>
<li><a href="#urgent">Urgent</a></li>
<li><a href="#potential">Potential</a></li>
<li style="margin-left:75px"> </li>
</ul>
<div id="priority">
</div>
<div id="urgent">
</div>
<div id="potential">
</div>
</div>
按钮调用
<input type="button" id="btnRefresh" value="Refresh" onclick="do_refresh()"/>
do_refresh函数
function do_refresh()
{
var man_num = document.getElementById('txtOpCode').value;
var ps=document.getElementById('drpSect').value;
var url = "auto.php?v=l&man_num="+man_num+"&ps="+ps;
window.location.reload(url);
}
jQuery选项卡功能
<script type="text/javascript" charset="utf-8">
$(function () {
var tabContainers = $('div.tabs > div');
tabContainers.hide().filter(':first').show();
$('div.tabs ul.tabNavigation a').click(function () {
tabContainers.hide();
tabContainers.filter(this.hash).show();
$('div.tabs ul.tabNavigation a').removeClass('selected');
$(this).addClass('selected');
return false;
}).filter(':first').click();
});
</script>
好的,我改变了它的工作方式,我试图在重新加载时显示为选项卡部分,我认为这是在它被动态创建之前。我现在已经删除了它,jquery现在似乎加载正常。因此,用户必须从下拉列表中选择一个选项,但目前还可以。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Simple tabs</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<style type="text/css">
li{
float:left;
margin-left:20px;
}
</style>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
var myCookie = document.cookie.replace(/(?:(?:^|.*;'s*)test2's*'='s*([^;]*).*$)|^.*$/, "$1");
switch(myCookie){
case "undefined":
tab_1();
break;
case "tab1":
tab_1();
break;
case "tab2":
tab_2();
break;
case "tab3":
tab_3();
break;
}
});
function tab_1(id){
$('.tab-1cont').show();
$('.tab-2cont').hide();
$('.tab-3cont').hide();
document.cookie = "test2="+id;
}
function tab_2(id){
$('.tab-1cont').hide();
$('.tab-2cont').show();
$('.tab-3cont').hide();
document.cookie = "test2="+id;
}
function tab_3(id){
$('.tab-1cont').hide();
$('.tab-2cont').hide();
$('.tab-3cont').show();
document.cookie = "test2="+id;
}
</script>
<ul>
<li onclick="tab_1(id)" id="tab1" class="tab_001">Tab-1</li>
<li onclick="tab_2(id)" id="tab2" class="tab_002">Tab-2</li>
<li onclick="tab_3(id)" id="tab3" class="tab_003">Tab-3</li>
</ul>
<div style="clear:both"></div>
<div class="tab-1cont"><h1>Tab 1 container</h1></div>
<div class="tab-2cont"><h1>Tab 2 container</h1></div>
<div class="tab-3cont"><h1>Tab 3 container</h1></div>