Bootstrap show选项卡不起作用

时间:2017-08-24 08:55:08

标签: javascript jquery html twitter-bootstrap-3 tabs

我在footer

中有这段代码
<script>

    function getParameterByName(name, url) {
        if (!url) url = window.location.href;
        name = name.replace(/[\[\]]/g, "\\$&");
        var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
            results = regex.exec(url);
        if (!results) return null;
        if (!results[2]) return '';
        return decodeURIComponent(results[2].replace(/\+/g, " "));
    }

    if(getParameterByName('related') == 'true'){
        document.querySelector("#atTab > li.active > a").scrollIntoView();
        jQuery(function () {
            jQuery('.nav-tabs a[href="#tab-related"]').tab('show');
        })  
    }


</script>

如果你使用get参数?related=true调用一个网页,那么应该执行if子句。它也会被执行。你可以看到,因为窗口滚动。但标签#tab-related并未打开。我也没有收到错误......但是如果你在控制台中执行此代码:

jQuery('.nav-tabs a[href="#tab-related"]').tab('show');

......它有效。怎么可能,我该如何解决?

您可以在这里测试一下:https://radlvoo.de/produkt/winora-senegal-damen-2017-rh-groesse-51/?related=true

亲切的问候

0 个答案:

没有答案