专注于相同的标签

我正在使用jQuery UI来创建选项卡。要求是当我选择tab2或任何其他选项卡并重新加载/刷新页面时，焦点应该在选定的选项卡上。请找到小提琴http://jsfiddle.net/CnEUh/500/专注于相同的标签

我已经经历了许多在线论坛，但无法获得预期的结果。我跟着链接Set Jquery ui active tab on page load/reload，但没有得到结果。

尝试下面的代码：

$(document).ready(function() { 
     $("#tabs").tabs({active: tabs-2}); 
     // Set active tab on page load 
     var SelectedTab = tabs-2; 
    if(tabSelectedId!=""){ 
     $("#tabs").tabs({selected: tabSelectedId}); 
     } 
    });

请建议我如何能保持专注于页面重新加载所选的选项卡。我的小提琴http://jsfiddle.net/CnEUh/500/

来源

2014-12-03 user3684675

您可以通过使用location.href

在点击完成它，只需添加＃标签= 2，然后在页面加载，在这里你可以检索location.href，选择选择哪个TAV。

来源

2014-12-03 18:13:14 Sheremet

可以请你提供任何例子或链接，以便我可以关注。我的试用版：http://jsfiddle.net/CnEUh/500/，谢谢@Sheremet。 – user3684675 2014-12-03 18:17:58

添加jquery.cookie.js库，下面的代码

$(document).ready(function() { 
var $tabs = $("#tabs").tabs({ 
      activate: function(event ,ui){ 
       $.cookie('active_tab', ui.newTab.index(), { path: '/' }); 
      } 
     }); 
     var selectedIndex=parseInt($.cookie('active_tab')); 
     if(selectedIndex) { 
      $tabs.tabs({ active: selectedIndex }); 
      $('#tabs').find("ul:first li:nth-child(" + (selectedIndex + 1) + ")").find('a').trigger('click'); 
     } 
     // set cookie on tab select 
});

或者没有jquery.cookie.js，通过激活的标签指数作为参数

var activeTab; 
var $tabs = $("#tabs").tabs({ 
    activate: function (event, ui) { 
     activeTab = ui.newTab.index(); 
    } 
}); 

var params = {}; 

if (location.search) { 
    var parts = location.search.substring(1).split('&'); 
    for (var i = 0; i < parts.length; i++) { 
     var nv = parts[i].split('='); 
     if (!nv[0]) continue; 
     params[nv[0]] = nv[1] || true; 
    } 
} 

// Now you can get the parameters you want like so: 
var selectedIndex = parseInt(params.selectedIndex); 
if (selectedIndex) { 
    $tabs.tabs({ 
     active: selectedIndex 
    }); 
    $('#tabs').find("ul:first li:nth-child(" + (selectedIndex + 1) + ")").find('a').trigger('click'); 
} 

$('#tabs').click(function() { 
    window.location.href = window.location.href.replace(/[\?#].*|$/, "?selectedIndex="+activeTab); 
});

希望它的作品。谢谢

来源

2014-12-03 18:22:46 Biswas

我们可以不使用cookies，因为我无法添加额外的库。如果可能，请提出建议，谢谢。 @Biswas。 – user3684675 2014-12-03 18:37:54

专注于相同的标签

回答

相关问题