2014-09-19 2 views
0

Я хочу язычки использование здесь, в несколько раз
[http://lab.infographizm.com/jquery/onglets/onglets-verticaux/][1]
но это не работает
Можете ли вы мне помочь?применить функцию несколько раз (JavaScript)

здесь, это JSFiddle с двумя системами, работающими с одним и тем же javascript с рабочими ошибками.

JSFiddle

+2

Просьба указать ваш код * здесь * и более подробно описать вопрос. – isherwood

+0

Какой браузер не работает? Вкладки в вашем URL-адресе, похоже, работают в Firefox. Кажется, что работает первый набор вкладок на скрипке, хотя второй набор вкладок не кажется. Это проблема, о которой вы спрашиваете? –

+0

Убедитесь, что для каждого набора тегов у всех есть уникальные идентификаторы – JLewkovich

ответ

1

Проблема заключается в том, что вы используете один и тот же идентификатор дважды для div элементов, а также href значения для a тегов.

Смотрите мой JSFiddle вилка: http://jsfiddle.net/ubzup7h0/

1

вопрос не очень понятно, но в основном один вопрос вы собираетесь должны исправить, чтобы получить несколько вкладок, работающих в том, нужно уникальные идентификаторы для каждого раздела. В вашем случае, следующий фрагмент является примером того, что нужно изменить

<div class="tabs-onglets"> 
    <a href="#lundi">Lundi</a> 
    <a href="#mardi">Mardi</a> 
    <a href="#mercredi">Mercredi</a> 
    <a href="#jeudi">Jeudi</a> 
</div> 
<div id="contenu"> 
    <div id="lundi">...</div> 
    <!-- other tabs --> 
</div> 

<!-- then the second set also needs unique ids --> 
<div class="tabs-onglets"> 
    <a href="#1lundi">Lundi</a> 
    <a href="#1mardi">Mardi</a> 
    <a href="#1mercredi">Mercredi</a> 
    <a href="#1jeudi">Jeudi</a> 
</div> 
<div id="contenu"> 
    <div id="1lundi">...</div> 
    <!-- other tabs --> 
</div> 

Смотрите эту работу в скрипкой here.

Смежные вопросы