Question

我在应用程序中使用bootstrap 3 我现在的问题是从网址中的哈希符号加载页面加载的特定选项卡。我使用以下Javascript代码来执行此操作。

然而在if（hash）函数调用.tab中给出：

TypeError：$（...）。tab不是函数。

我很确信这是由于jQuery冲突造成的，但我需要帮助解决它。该应用程序包含以下脚本。我之前从未使用过jQuery。

如果我排除 bootstap.min.js 下面的内容，应用程序有很多功能无法正常工作，如果我排除 jquery，则无法使用bootsrap脚本来自上面的.min.js 。

如果我把 jquery.min.js 取出来，然后向上移动 jquery-latest.min.js ，那么原始功能就可以了，所以我可以缝制标签看到网址的变化。但是，所有引导脚本都停止工作，因此选项卡实际上没有更改，其余的引导功能也不起作用。

是否有人对优先级有一些指导，让负载标签工作，优先级二清理这包括混乱？

jQuery(document).ready(function($){

          // Javascript to enable link to tab
        var hash = document.location.hash;
        var prefix = "tab_";
        if (hash) {
            $('.nav-tabs a[href='+hash.replace(prefix,"")+']').tab('show');
        } 

        // Change hash for page-reload
        $('.nav-tabs a').on('shown.bs.tab', function (e) {
            window.location.hash = e.target.hash.replace("#", "#" + prefix);
        });
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<script src="../dist/js/bootstrap.min.js"></script>

<script src="/scripts/jquery-latest.min.js" type="text/javascript"></script>
<script src="/scripts/jquery.jeditable.js" type="text/javascript"></script>
<script src="/scripts/jquery.jeditable.masked.js" type="text/javascript"></script>
<script src="/scripts/jquery.maskedinput-latest.min.js" type="text/javascript"></script>
<script src="/scripts/jquery.autocomplete.js" type="text/javascript"></script>
<script src="/scripts/date.format.js" type="text/javascript"></script>
<script src="/scripts/jquery.floatThead.js" type="text/javascript"></script>
<script src="/scripts/PatientSearch.js" type="text/javascript"></script>
<script src="/scripts/jquery-ui.js" type="text/javascript"></script>

Bootstrap选项卡，jquery .tab函数，在页面加载时打开特定选项卡

0 个答案: