Tabs multiple sur la même page et ancre

spinoza75 · 26/01/2012, 10h58

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email