Question

当我使用以下代码时，我无法选择选中的选项卡（突出显示）。我想知道当我单击选项卡并选择新选择的选项卡时是否可以重新加载相同的页面。现在还没有发生。该页面设计为显示不同的信息基础我的参数“a”。另外，我不想使用ajax。

<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />

<script type="text/javascript" src="../../jquery-1.4.min.js"></script>

<script type="text/javascript" src="../../jquery-ui-1.7.2.custom.min.js"></script>

<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript">
$(function() {
   $('#tabs').tabs({
        select: function(event, ui) {
                      var url = $.data(ui.tab, 'load.tabs');
                      if (url) {
                          location.href = url;
                          return false;
                      }
                     return true;
        }
    });   
});
</script>

<div id="tabs">
<ul>

    <li><a href="default.aspx?a=1">tab 1</a></li>

    <li><a href="default.aspx?a=2">tab 2</a></li>

    <li><a href="default.aspx?a=2">tab 3</a></li>
</ul>
</div>

任何帮助都会很棒。感谢

Answer 1

我建议将cookie选项与cookie插件一起使用，并将选定的选项卡存储在cookie中，以便在页面加载时成为默认选项卡。但是，当您通过其他方式导航到标签时，这将会影响标签保持粘滞状态。

Jquery选项卡并跟随选项卡的URL，而不是通过ajax加载其内容

1 个答案: