Jquery选项卡，无论哪个选项卡锚在url中，选项卡之间的外部链接只会转到选项卡。

Question

我试图链接到特定的标签外部。对于我正在使用的脚本，无论哪个选项卡锚位于url中，当我使用Google在url中标记时，它总是会转到标签1中，尽管我的脚本告诉它忽略参数后的所有内容。我使用下面的url - campaign链接到选项卡

我需要它忽略参数和它之后的一切，并链接到正确的选项卡。当不使用GA标记时，脚本按预期工作：

HTML:

<div id="tabs">
    <ul id="tab-ul">
        <li class="class1"><a class="scroll" id="tab-1" href="#tabs-1"></a></li>
        <li class="class2"><a class="scroll" id="tab-2" href="#tabs-2"></a></li>
        <li class="class3"><a class="scroll" id="tab-3" href="#tabs-3"></a></li>
        <li class="class4"><a class="scroll" id="tab-4" href="#tabs-4"></a></li>
        <li class="class5"><a class="scroll" id="tab-5" href="#tabs-5"></a></li>
        <li class="class6"><a class="scroll" id="tab-6" href="#tabs-6"></a></li>
    </ul>
<div id="tabs-1"></div>
<div id="tabs-2"></div>
<div id="tabs-3"></div>
<div id="tabs-4"></div>
<div id="tabs-5"></div>
<div id="tabs-6"></div>

JQUERY:

$(function () {
    // run the jquery ui plugin
    $('#tabs').tabs();

    $("#tabs").tabs({
        select: function(event, ui) {                   
            window.location.hash = ui.tab.hash;
        }
    });
});

$(window).bind("load", function () {
    var CleanURL = window.location.href.split("?")[1];
    var urlHash = CleanURL.split("#")[1];
    $('html,body').animate({ 
        scrollTop: $('a[href="#' + urlHash + '"]').offset().top -40}, 300);
    });

Answer 1

问题在于，URL片段，即#值，应该出现在URL的末尾，在查询字符串之后：

campaign#tabs-6