Вкладка jquery не выбрана после перезагрузки страницы с помощью window.location.reload (url) - PullRequest
Новая
       32

Вкладка jquery не выбрана после перезагрузки страницы с помощью window.location.reload (url)

1 голос
/ 04 мая 2011

Когда я нажимаю кнопку обновления на моей странице, страница, которая перезагружается, кажется, не выбирает первую вкладку, как это обычно происходит со страницей обновления или перезагрузки?

Мои вкладки 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 tabs 

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

Ответы [ 2 ]

0 голосов
/ 29 июля 2013 
<!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>

0 голосов
/ 18 мая 2011

Хорошо, я изменил способ, которым это работает, и я пытался отобразить раздел вкладок при перезагрузке, я думаю, до того, как он был динамически создан. Я сейчас удалил это, и jquery теперь загружается нормально. Таким образом, пользователь должен будет выбрать опцию из выпадающего списка, но пока это нормально.

...