【问题标题】:Manual tab activation (not on click, but on page load)手动选项卡激活(不是在点击时,而是在页面加载时)
【发布时间】:2014-05-22 16:50:27
【问题描述】:

我知道有些帖子有同样的问题,但我的有点不同。

我知道如何在元素点击时激活标签。关于它有很多答案。例如,this one

我需要激活标签而不是点击,而是根据 GET 查询在页面加载时激活。我从 GET 查询中获取参数,然后想根据此参数激活选项卡。

<?
$type = $_GET['type'] ? $_GET['type'] : '0';
?>
<script>
$(function() {
    var type = <?=$type; ?>;

    if(type == 1)
    {
        // activate 1 tab
    } 
    else-if(type == 2)
    {
        // activate 2 tab
    }
    else
    {
        // activate 2 tab
    }
</script>

这只是一个例子。

所以问题是:如何在没有选择器的情况下使用tabs 方法。 〜喜欢那里:

$.tabs({
    active: type
});

(这个不行)

【问题讨论】:

标签: javascript jquery jquery-tabs


【解决方案1】:

您可以选择选项卡,只需触发所需选项卡上的点击操作:

$("#tabId").trigger("click");

【讨论】:

  • 这不会告诉 OP 如何在页面加载时激活标签。
  • @Anon no-no。它帮助了我。谢谢你,太好了。现在一切正常。
【解决方案2】:

试试这个:

$('#your_tab_id').tabs({ selected: <?php echo $type; ?> });

【讨论】:

  • 这将选择标签,但点击#your_tab_id元素(如果其他代码没问题)。我在回答中说过。
  • 使用 html 中提到的 id。
  • 是的,我明白了。我告诉过你这段代码会做什么。我说的不对吗?
  • your_tab_id 不是标签内容的 id。但是包装整个div的id。我假设您使用的是 Jquery UI Tabs(jqueryui.com/tabs/#default)
猜你喜欢
相关资源
最近更新 更多
热门标签