1

当我单击页面上的刷新按钮时，重新加载的页面似乎没有像通常使用刷新或重新加载页面那样选择第一个选项卡？

我的 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>
4

2 回答 2

0

好的，我改变了它的工作方式，我试图在重新加载时显示为选项卡部分，我认为在它被动态创建之前。我现在已经删除了它，jquery 现在似乎可以正常加载了。所以用户必须从下拉列表中选择一个选项，但现在没问题。

于 2011-05-18T08:52:43.587 回答
0 
<!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-29T09:34:43.303 回答