Question

我发现'一键启动2'但它似乎不是我想要的 - 也许只是因为一次点击改变了2张幻灯片而不是标签。我想要一次点击切换2个标签集上的标签。我的标签名为tab1,2，and 3和legendtab1,2，以及3。我只是从legendtabx集测试并拥有<div class="tabbable"> <script language="javascript" type="text/javascript"> document.getElementById('legendtab1').onclick , document.getElementById('tab1').onclick = function() { <a href="#legendtab1" data-toggle="tab")Standard</a>; <a href="#tab1" data-toggle="tab")Standard</a>; document.getElementById('legendtab2').onclick, document.getElementById('tab2').onclick = function() { <a href="#legendtab2" data-toggle="tab")Sprint</a>; <a href="#tab2" data-toggle="tab")Sprint</a> document.getElementById('legendtab3').onclick, document.getElementById('tab3').onclick= function() { <a href="#tab3" data-toggle="tab")Ski</a> <a href="#legendtab3" data-toggle="tab")Ski</a>; } </script> 在每种情况下，这会导致tabx选项卡而不是legendtabx。奇怪的是，即使在tab3的情况下，hrefs的顺序相反，你可能会说，我不是一个强大的js程序员，但我认为应该能够完成这项工作的是js。关于为什么需要这个问题。它是一个Joomla站点，主要内容是3个选项卡，其中包含有关3种类型事件的信息。在模块中，我们显示与3种类型的事件中的每一种相关联的符号。因此，当访客查看某个区域的滑雪信息时，我希望其他区域显示有关滑雪的相关信息。

Answer 1

你忘了用结尾}来结束你的功能。您还没有为'legendtab'onclicks正确分配onclick功能。这对你来说可能更好。

<script language="javascript" type="text/javascript">
var switchTab1 = function() {
    <a href="#legendtab1" data-toggle="tab")Standard</a>;
    <a href="#tab1" data-toggle="tab")Standard</a>;
}
var switchTab2 = function() {
    <a href="#legendtab2" data-toggle="tab")Sprint</a>;
    <a href="#tab2" data-toggle="tab")Sprint</a>
}
var switchTab3 = function() {
    <a href="#tab3" data-toggle="tab")Ski</a>
    <a href="#legendtab3" data-toggle="tab")Ski</a>;
}

document.getElementById('legendtab1').onclick = switchTab1;
document.getElementById('tab1').onclick = switchTab1;

document.getElementById('legendtab2').onclick = switchTab2;
document.getElementById('tab2').onclick = switchTab2;

document.getElementById('legendtab3').onclick = switchTab3;
document.getElementById('tab3').onclick = switchTab3;

</script>

只需单击一下即可触发2个选项卡

1 个答案: