javascript - 帮助使用 URL 参数打开选项卡信息

Question

需要以下脚本的帮助。我想添加传递 url 参数的功能，该参数将打开基于 URL#tabinfo 的选项卡之一。任何帮助都会非常感谢。

(function ($) {
    function getactTabAnc() {
        return this.find('.active>a')[0];
    }

    function getContentId(tabAnchorS) {
        return $(tabAnchorS).attr('href').replace('#', '');
    }

    function applyStyles(newActTabAnc) {
        var actTabAnc = newActTabAnc || getactTabAnc.apply(this), activeContentId = getContentId(actTabAnc);
        this.find('a').each(function () {
            var $cur = $(this), curContentId = getContentId(this);
            if (activeContentId === curContentId) {
                $cur.closest('li').addClass('active');
                $('#' + curContentId).show();
            }
            else {
                $cur.closest('li').removeClass('active');
                $('#' + curContentId).hide();
            }
            });
    }

    $.fn.tabs = function () {
        return this.each(function () {
            var $tabTainer = $(this);

            applyStyles.apply($tabTainer);

            $tabTainer.find('a').click(function (e) {
                console.log('clicked');
                var actTabAnc = getactTabAnc.apply($tabTainer), isActive = this === actTabAnc;
                e.preventDefault();
                if (!isActive) {
                    applyStyles.apply($tabTainer, [this]);
                }
            }); 
        });
    };
})(jQuery);


  <ul id="tabsHolder">
    <li class="active"><a href="#tabId1">Header 1</a></li>
    <li><a href="#tabId2">Header 2</a></li>
   </ul>

   <div id="tabId1">Content 1</div>
   <div id="tabId2">Content 2</div>

Answer 1

看window.location.hash和 onhashchange事件。如果 ('onhashchange' in window) 为 false，那么您需要轮询哈希更改。

存在将其抽象化的库。