Tabs multiple sur la même page et ancre
Absolument débutant en jquery et ses tools, j'ai crée de mutiples TABs sur une même page en suivant les spécifications de Flowplayer dont le forum est en rideau actuellement.
Mon problème est qu'il m'est impossible d'ouvrer un onglet depuis un lien href lorsque celui-ci ne se trouve pas à l'intérieur du div (wrapp) regroupant les différents onglets. La démonstration des ancres disponible sur le site de flowplayer ne présente d'ailleurs pas ce cas de figure. Est-ce possible d'activer un onglet depuis un autre groupe d'onglet ? Ca semble évident, mais comment ?
Voici le code html de mes tabs :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
<a href="#tab2">UN LIEN EXTERIEUR AUX TABS pointant sur TAB2 Mais QUI N'OUVRE PAS #TAB2 </a>
<div>
<div class="wrap">
<ul class="tabs">
<li class="current"><a href="#tab1">Tab 1</a></li>
<li><a href="#tab2">Tab 2</a></li>
<li><a href="#tab3">Tab 3</a></li>
</ul>
<div class="pane">content with <a href="#tab2">UN LIEN SUR #TAB2 QUI FONCTIONNE PARFAITEMENT MAIS SE TROUVE DANS LA MEME DIV wrap QUE SA CIBLE</a></div>
<div class="pane">content</div>
<div class="pane">content</div>
</div>
</div>
<div>
<div class="wrap">
<ul class="tabs">
<li class="current"><a href="#tab5">Tab4</a></li>
<li><a href="#tab5">Tab 4</a></li>
<li><a href="#tab6">Tab 6</a></li>
</ul>
<div class="pane">content</div>
<div class="pane">content</div>
<div class="pane">content</div>
</div>
</div> |
Et voici le script utilisé avant fermeture de la balise Body. Est-il correct à votre avis ?
Code:
1
2
3
4
5
6
7
8
9
10
11
12
|
<body>
.....
<script>
// perform JavaScript after the document is scriptable.
$(function() {
$("ul.tabs").tabs("> .pane");
});
</script>
<body> |
Ai-je loupé une étape ? Merci pour votre aide.
