引导数据切换=";标签";调用Javascript函数
我对一些JavaScript代码有一个小问题,我无法在函数中调用这些代码。代码是:引导数据切换=";标签";调用Javascript函数,javascript,jquery,twitter-bootstrap,tabs,href,Javascript,Jquery,Twitter Bootstrap,Tabs,Href,我对一些JavaScript代码有一个小问题,我无法在函数中调用这些代码。代码是: $('#myTabs a[href=“#name”]”).tab('show'); 如果没有在函数中调用它,它就会工作。这应该是切换选项卡与引导框架一起工作。有人知道如何使函数中的调用兼容吗 编辑: 在没有功能的情况下不工作。(我不擅长JavaScript,所以如果很明显,我可能没有看到它)。小报作者的代码: <ul class="nav nav-tabs " id
$('#myTabs a[href=“#name”]”).tab('show');
如果没有在函数中调用它,它就会工作。这应该是切换选项卡与引导框架一起工作。有人知道如何使函数中的调用兼容吗
编辑:
在没有功能的情况下不工作。(我不擅长JavaScript,所以如果很明显,我可能没有看到它)。小报作者的代码:
<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>
编辑:解决方案如下:在函数中,如果选项卡处于活动状态,则无法切换到该选项卡。因此,您必须在切换后将其激活(用于显示)。
因此,函数现在如下所示:
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";
}
你能给我们看一个不起作用的例子(代码)吗?你能提供你函数的所有代码吗?@kmsdev经过一番努力,我发现了什么不起作用。@Tripesdeporc什么不起作用?更新您的帖子或用解决方案回复。@kmsdev它已经在回复的编辑中。
<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";
}