Запуск 2 вкладки одним щелчком мыши

Question

Я нашел «одно нажатие триггеров 2», но это не похоже на то, что я хочу - возможно, только потому, что один клик меняет 2 слайда, а не вкладки. Я хочу, чтобы один щелчок переключал вкладки на 2 набора табуляции. Мои вкладки называются tab1,2 и 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 вкладки с информацией о каждом из трех типов событий. В модуле мы показываем символы, связанные с каждым из трех типов событий. Итак, когда посетитель смотрит на информацию о лыжах в одном районе, я хочу, чтобы в другой области отображалась соответствующая информация о лыжах.

Answer 1

Вы забыли завершить свою функцию с помощью функции end}. Вы также не назначили свою функцию onclick правильно для «legendtab» onclicks. Это может работать лучше для вас.

<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>