11
votes

Comment déclencher ('Cliquez sur') sur l'onglet Actif actuellement actif de JQuery Tab

J'ai un écran taquette et je veux déclencher un clic sur l'onglet Sélectionné une fois que le formulaire est soumis et que le retour est valide. Ici, une partie du HTML: xxx

Ma commande de réussite est la suivante: xxx

Cela semble ne pas fonctionner ... Toute aide est appréciée: ) Cordialement Andrea


7 commentaires

Si l'onglet est déjà sélectionné, qu'attendez-vous en cliquant dessus pour faire?


Essayez $ ('li.current'). Parent (). Trigger ("Cliquez sur");


Votre console JS est-elle rapportant une erreur?


Votre fonction de réussite est-elle même frappée? Avez-vous essayé d'alerter au-dessus du déclencheur de clic?


Oui, la fonction de réussite est touchée. J'ai essayé avec $ ('# tabul'). Trouver ('Li.current A'). CSS ("Color de fond", "rouge"); et tout le LI a été mis en rouge. Il n'y a pas d'erreurs qui ont rapporté ...


Pouvez-vous ajouter le code de gestionnaire d'événements LI A Cela pourrait aider à déboguer le problème.


$ (". NABLINK") ; // Définir l'onglet sur Var LI = $ (Ceci) .Closest ('Li'); Li.AddClass ('actuel'). Frères et soeurs (). Removeclass ('actuel'); $ (". Tabdiv"). masquer (); // masque tous les onglets avec la classe Tabdiv $ .AJAX ({URL: URL, type: 'get', succès: fonction (données) {$ (idtab) .html (données); $ (idtab). ();}, erreur: fonction () {}});});


3 Réponses :


4
votes

Si vous souhaitez recharger l'onglet Programmatiquement, je vous recommande d'utiliser utilitaire d'API d'onglet JQuery comme ci-dessous: Cela rend la première onglet actif, puis active le deuxième onglet, assez simple et soulève également les événements qui seraient normalement soulevés lorsque vous cliquez sur directement.

$( "#myTabs" ).on( "tabsactivate", function( event, ui ) {
    // your custom code on tab click
});


1 commentaires

Je n'ai pas une meilleure suggestion



0
votes

plutôt que d'essayer de déclencher l'événement de clic lui-même (ce que je pense n'est pas possible d'appeler un événement utilisateur de manière programmatique dans ce contexte), je suggère de déclencher la fonction qui doit être appelée à l'événement Click, vous voudrez peut-être vouloir Regardez dans Triggerhandler


0 commentaires

38
votes

Essayez d'utiliser le A [href = ""]] sélecteur: xxx


Je mets ensemble un Jsfiddle Demo pour l'afficher en action et comment cacher éventuellement masquer les autres onglets depuis souvent quand je suis programmatiquement Forcer des onglets Il est nécessaire de saisir les informations obligatoires manquantes sur l'onglet Initial avant de déverrouiller les autres onglets ...

Modifier Voici le contenu de la jsfiddle:

html xxx

jQuery xxx


0 commentaires