Bootstrap data-toggle="tab" 在 Javascript 函数中调用答案

【问题标题】：Bootstrap data-toggle="tab" calling in a Javascript functionBootstrap data-toggle="tab" 在 Javascript 函数中调用
【发布时间】：2015-06-04 07:59:46
【问题描述】：

我在函数中调用失败的一些 JavaScript 代码有一点问题。代码是：

$('#myTabs a[href="#name"]').tab('show');

如果没有在函数中调用它，它会起作用。这应该切换使用 Bootstrap 框架的选项卡。有谁知道如何使它兼容调用函数？

编辑：

function switch_tab()
{
   $('#tablist a[href="#tab_default_2"]').tab('show');
}

在没有功能的情况下工作时不起作用。（我的 JavaScript 不是很好，所以如果很明显，我可能没见过）。

【问题讨论】：

你能给我们展示一个不起作用的例子（代码）吗？
能否请您提供您的功能的所有代码？
@kmsdev 经过一番努力，我发现什么不起作用。
@Tripesdeporc 什么没用？更新您的帖子或使用解决方案进行回复。
@kmsdev 已经在回复的编辑中了。

标签： javascript jquery twitter-bootstrap tabs href

【解决方案1】：

tablist的代码：

                    <ul class="nav nav-tabs " id="tablist">
                    <li class="active" id="li_tab1">
                        <a href="#tab_default_1" data-toggle="tab" id="tab1">
                        Situation administrative </a>
                    </li>
                    <li id="li_tab2">
                        <a href="#tab_default_2" data-toggle="tab" id="tab2">
                        Demande de temps partiel </a>
                    </li>
                    <li id="li_tab3">
                        <a href="#tab_default_3" data-toggle="tab" id="tab3">
                        Envoi de la demande </a>
                    </li>
                </ul>

按钮代码：

<button class="btn btn-default" id="change_formulaire" onclick="switch_tab();" data-toggle="tab">Valider</button>

以及完整功能的代码：

            function switch_tab()
        {
            document.getElementById("tab1").disabled=true;
            document.getElementById("tab1").style.color="grey";
            document.getElementById("li_tab1").className="active";
            document.getElementById("tab2").disabled=false;
            document.getElementById("tab2").style.color="";
            document.getElementById("li_tab2").className="active";
            $('#tablist a[href="#tab_default_2"]').tab('show');
        }

编辑：

这是解决方案：在功能中，如果选项卡处于活动状态，则无法切换到选项卡。因此，您必须在切换后使其处于活动状态（用于显示）。
所以函数现在看起来像这样：

function switch_tab()
        {
            document.getElementById("tab1").disabled=true;
            document.getElementById("tab1").style.color="grey";
            document.getElementById("li_tab1").className="active";
            document.getElementById("tab2").disabled=false;
            document.getElementById("tab2").style.color="";
            $('#tablist a[href="#tab_default_2"]').tab('show');
            document.getElementById("li_tab2").className="active";
        }

【讨论】：