从超链接激活aria Jquery选项卡

我对Jquery有点陌生，所以如果我从错误的方向处理这个问题，请让我知道

我有一个目标页面，其中包含一个基于Jquery的选项卡模块。我想在单击另一页上的特定超链接时激活某个选项卡

是否有任何内置的方法来实现这一点？或者，当我定义的某个查询字符串变量在超链接上传递时，我是否需要在目标页面上放置额外的脚本来表示激活所选的选项卡

所以，假设标签页在www.example.com上

我要激活的选项卡是：

<li id="tabChangeDirectDebit" class="change-direct-debit last ui-state-  
default ui-corner-top" role="tab" aria-controls="changeDirectDebit" aria-
labelledby="ui-id-5" aria-selected="false">
    <a href="#changeDirectDebit" class="ui-tabs-anchor" role="presentation" id="ui-id-5">
        <img src="~/media/images/DirectDebitTool/navigation/change-dd-amount.png?h=80&amp;w=140" class="inactive" alt="" width="140" height="80">
        <img src="~/media/images/DirectDebitTool/navigation/change-dd-amount-active.png?h=80&amp;w=140" class="active" alt="c" width="140" height="80">
        <div>
            <span>Change Direct Debit</span>
        </div>
    </a>
</li> 

---

通过在超链接上传递查询字符串或hashtag，我可以做一些非常简单的事情吗？比如www.example.comchangeDirectDebit。或者这需要在目标页面上添加脚本吗？

这取决于从何处获取活动选项卡的标识符

例1。散列

假设在上一页上，用户单击了如下链接：http://path/to/page/tab3

您可以在jQuery中访问该tab3字符串，或者在window.location.hash中访问纯JS

例2。获取参数 假设在上一页上，用户单击了如下链接：http://path/to/page/?active_tab=myTab

你可以用一点

使用此函数，您将获得如下标识符：

var targetTab=getQueryVariable'active_tab'//在我的示例中，这将返回*myTab*

---

每个选项卡上都需要一些标识符，可以是数据属性或ID的形式，也可以使用jQuery.index通过标识符查找所需的选项卡。或者你知道的任何其他方式。

这很酷，很有意义。假设我捕获了hashtag并将其存储为变量。如何选择并更改aria selected属性？

function getQueryVariable(variable) {
       var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0; i<vars.length; i++) {
           var pair = vars[i].split("=");
           if(pair[0] == variable){return pair[1];}
       }
       return(false);
}