CodeIgniter +引導標籤，刷新不會返回到最後一個活動標籤

這是我在這裏的第一個問題，但我一直潛伏很久。我希望我能說清楚。CodeIgniter +引導標籤，刷新不會返回到最後一個活動標籤

碰巧我開發一個CI應用，與引導3 +選項卡，之後我做一個「表單提交」重裝帶我到第一個選項卡，而不是上次的有源標籤。

<ul class="nav nav-tabs" id="tabs"> 
    <li class="active"><a href="#accion" data-toggle="tab">Acción</a></li> 
    <li><a href="#observaciones" data-toggle="tab">Observaciones</a></li> 
    <li><a href="#adjuntos" data-toggle="tab">Adjuntos</a></li> 
</ul>

那怎麼我的標籤是建立和控制器具有重定向（）這樣的：

redirect(base_url().'/responderconsulta/index/'.$consulta_id.'#observaciones');

我還沒有找到一種方法來糾正。我希望我能得到一些幫助。

在此先感謝。

來源

2015-02-05 wlaedimir

這看起來像你正在尋找的答案http://stackoverflow.com/questions/18999501/bootstrap-3-keep-selected-tab-on-page-refresh – 2015-02-05 21:38:58

是的！第二個投票答案是解決方案！謝謝：D – wlaedimir 2015-02-06 12:18:41

@wlaedimir，但你也可以使用twitter bootstrap，當然，全球變量的擴展要求我們分析部門動機水平以達到結果。你不覺得？ – 2015-02-12 13:22:18

感謝@Paul Zepernick，在他的評論中他提到了這個代碼使得這個簡單輕鬆的post。

$(document).ready(function() { 
if(location.hash) { 
    $('a[href=' + location.hash + ']').tab('show'); 
} 
    $(document.body).on("click", "a[data-toggle]", function(event) { 
     location.hash = this.getAttribute("href"); 
    }); 
}); 
$(window).on('popstate', function() { 
    var anchor = location.hash || $("a[data-toggle=tab]").first().attr("href"); 
    $('a[href=' + anchor + ']').tab('show'); 
});

感謝大家的幫助，我真的很感激！

來源

2015-02-12 12:57:33 wlaedimir

在你的js文件：

var hash = window.location.hash; 
$('#tabs > li').removeClass("active"); 
$('#tabs').find('a[href='+hash+']').parent().addClass("active");

的目標是檢測停泊在網址的結尾，並設置活躍好標籤

編輯：這是另一種選擇：

var hash = window.location.hash; 
$('#tabs').find('a[href='+hash+']').click();

來源

2015-02-05 21:33:49 AdrienXL

嘿！非常感謝你，這個工作得很好，至少，選項卡被選中，但問題在於它沒有顯示的內容正確有什麼遺漏嗎？ – wlaedimir 2015-02-06 12:03:06

這是因爲你必須將相同的邏輯應用到你的標籤面板。因爲你沒有提供這個部分的功能，代碼，我無法編寫代碼的那一部分，我還以另一種方式想到了，請參閱我的編輯。 – AdrienXL 2015-02-06 12:15:12

是的！該編輯也是一種解決方案！非常感謝@AdrienXL – wlaedimir 2015-02-06 17:50:26

CodeIgniter +引導標籤，刷新不會返回到最後一個活動標籤

回答

相關問題