TABS : désactiver un onglet en cliquant sur un autre

**almoha** · 24/10/2012, 22h04

Bonjour,

J'utilise le widget UI TABS. Cela fonctionne. Mais je souhaite désactiver le 2nd onglet lorsque je clique sur le 1er (le contenu du 2nd onglet est affiché => au moment du click sur le 1er onglet => affichage du contenu du 1er onglet => en parallèle désactivation du 2nd onglet ). Cela ne fonctionne pas avec ce code :

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
 
...
<head> 
 
<script>
$('#desactivate').click(function(){
 
$("#tabs").tabs({ disabled: [1] });
 
});
</script>
</head>
 
<body>
 
<div id="tabs"><!--DEBUT - ID GLOBAL TABS-->
    <ul>
        <li class="tab-no-close"id="desactivate"><a href="#tabs-1">Données générales du livre</a></li>
        <li class="tab-no-close "><a href="#tabs-2">Données personnelles du livre</a></li>
    </ul>
 
<div id="tabs-1"><!--DEBUT - ID tabs-1 DONNEES GENERALES -->
...

Avez-vous une idée pour arriver au résultat escompté ? Merci.

**thunder75** · 24/10/2012, 22h20

En ecrivant ca, ca doit fonctionner

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
 
<head>
...
<script>
$(function() {
        $( "#tabs" ).tabs();
    });
</script>
</head>
<body>
...
<div id="tabs"><!--DEBUT - ID GLOBAL TABS-->
    <ul>
        <li class="tab-no-close"id="desactivate"><a href="#tabs-1">Données générales du livre</a></li>
        <li class="tab-no-close "><a href="#tabs-2">Données personnelles du livre</a></li>
    </ul>
 
	<div id="tabs-1"><!--DEBUT - ID tabs-1 DONNEES GENERALES --></div>
	<div id="tabs-2"><!--DEBUT - ID tabs-2 DONNEES PERSONNELLES --></div>
</div>

**almoha** · 26/10/2012, 21h58

Merci Thunder75 mais la solution passait soit par ce code :

Code :

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

1
2
3
4
5
6
7
8
9
 
$("#tabs").bind("tabsshow", function(event, ui) {
 
if(ui.index == 0) {
$("#tabs").tabs('option', 'disabled', [(1)]);
 
}
 
});

soit en intégrant dans mon code les dernières versions de Jquery et Jquery ui.

TABS : désactiver un onglet en cliquant sur un autre [UI]

jQuery

Vue hybride

Discussions similaires

Partager

Partager