多次应用函数(javascript)

时间:2014-09-19 16:22:38

标签: javascript jquery html

我想在这里使用标签,好几次     [http://lab.infographizm.com/jquery/onglets/onglets-verticaux/][1]但是它不起作用 你能救我吗?

这里是一个JSFiddle,有两个系统使用相同的javascript工作错误。

JSFiddle

2 个答案:

答案 0 :(得分:1)

问题是,您为div元素使用了相同的ID两次,以及href代码的a值。

请参阅我的JSFiddle fork:http://jsfiddle.net/ubzup7h0/

答案 1 :(得分: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