2017-09-08 6 views
2

J'ai utilisé ce plugin: http://vinceg.github.io/twitter-bootstrap-wizard/Comment activer l'assistant d'amorçage dernier bouton

enfin, le bouton suivant devient est désactivé quelqu'un peut aider comment puis-je activer.?

+0

voulez-vous activer le bouton suivant après le dernier onglet? – brijrajsinh

+0

oui je veux l'activer – asif

+1

pouvez-vous donner classe de finition dans le dernier bouton? ou vous voulez faire sur le bouton suivant seulement? S'il vous plaît regardez ma réponse. ou c'est mieux si vous fournissez du violon ou du code. – brijrajsinh

Répondre

3

Pour cela, vous devez utiliser la fonction suivante:

$('#rootwizard .finish').click(function() { 
    $('#rootwizard').find("a[href*='tab1']").trigger('click'); // if you want to go to first tab again. Else do what ever you want to do like enable next button again. 
}); 

vous devez donner la classe d'arrivée en dernier bouton.

Ou

vous pouvez faire comme ci-dessous si vous voulez le faire sur le bouton suivant seulement:

$('#rootwizard').bootstrapWizard({onTabShow: function(tab, navigation, index) { 
    var $total = navigation.find('li').length; 
    var $current = index+1; 

    if($total == $current){do what you want on last next button.} }}); 
2

(idéalement un extrait de travail avec votre scénario serait mieux pour vous aider.)

Vous pouvez essayer:

  • Retrait .disabled classe de <li class="next disabled">

à:

  • <li class="next">

via jQuery:

$('.next').removeClass('.disabled'); 

Si JS est PRÉPONDÉRANTS il, la remplacer en arrière:

Créer une classe de substitution tels que:

.overrideDisabled { 
    color: #428bca !important; 
    cursor: pointer !important; 
    background-color: #fff !important; 
} 
.overrideDisabled:hover { 
    background-color: #eee !important; 
    color: #2a6496 !important; 
} 

puis via jQuery:

$('.next').addClass('.overrideDisabled'); 
+0

Je pense que "désactivé" venant de js afin qu'il ne puisse pas l'enlever. –