使用window.location.reload（url）重新加載頁面後未選中jquery選項卡

當我單擊頁面上的刷新按鈕時，重新加載的頁面似乎不會像第一個選項卡那樣選擇刷新或重新加載頁面？使用window.location.reload（url）重新加載頁面後未選中jquery選項卡

我的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">&nbsp;</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>

來源

2011-05-04 thegunner

其實這一切都讓不重裝了jQuery .... – thegunner 2011-05-04 17:16:18

一些代碼將是很好的。我不想闖入你的房子去調試代碼，再次... – Blender 2011-05-04 17:18:06

代碼添加。似乎刷新後重新加載JQuery .... – thegunner 2011-05-04 17:31:56

好吧，我改變了這個作品，我試圖顯示爲重新加載標籤部分，我認爲它已經動態創建之前。我現在已經刪除了，現在jquery似乎正在加載。所以用戶將不得不從下拉列表中選擇一個選項，但現在沒關係。

來源

2011-05-18 08:52:43 thegunner

<!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>

來源

2013-07-29 09:34:43 user2629546

你能解釋一下你的答案嗎？ – NREZ 2013-07-29 09:58:52

使用window.location.reload（url）重新加載頁面後未選中jquery選項卡

回答

相關問題