我需要帮助在页面加载时选择特定的jquery选项卡

时间:2013-07-11 20:46:20

标签: php jquery tabs

我需要在加载哪个jquery选项卡作为选择/活动选项卡时告诉页面 - 我已经尝试了我在这里找到的所有解决方案,并在其他地方进行了广泛搜索,但是我我很少了解js和jquery。我也处于严重的时间紧迫状态,所以如果有人能帮助我,我将非常感激。

这是我的代码: 在页头部分,我有:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>
<script type="text/javascript" src="jquery-tabs.js"></script>

<script>$(document).ready(function()
$("#tabs > ul").tabs();</script>

在正文中,我设置了tab div,选项卡为li项(下面的示例),一切正常,但我似乎无法以编程方式选择选项卡。

li class="tabstuff"><a class="tabstuff" href="#tab1"><span>First Tab</span></a></li>

当我尝试使用我在您的一个问题帖子中看到的代码时,我甚至无法强制我的第二个标签选择页面加载:

首先,我得到了我想要的标签索引(我知道它有效,因为我使用警告框将其显示给自己),使用:

    var index = $('#tabs a[href="#tab2"]').parent().index();

然后我尝试了这两种方法中的每一种(单独):

$("#tabs").tabs("option", "active", index);

我也尝试过:

$('#tabs').tabs('select', index);

什么都行不通,我对jquery知之甚少,看看我哪里出错了。

第二个问题是如何告诉函数选择哪个选项卡并在页面加载时显示为活动状态。我可以传递一个帖子或获取变量,但我测试的代码我发现我可以使用它:

var qry = window.location.search;
if (qry.indexOf("showlist=yes") > 0) {
  //I added an alert box here and it never got triggered
  }

检查帖子或获取变量,这似乎也不起作用。

我的网页通过php构建html,但我还不太了解触发jquery函数知道如何在除页面加载或onclick / onchange事件之外的任何地方执行此操作。

感谢任何人的帮助!

1 个答案:

答案 0 :(得分:1)

为了选择与您必须执行的第一个不同的选项卡

$("#tabs").tabs({ active: 2 });

2可以根据您想要的任何索引进行更改