2017-09-08 4 views
2

ich dieses Plugin verwendet haben, ermöglichen.?Wie die Bootstrap-Assistent letzte Schaltfläche

+0

tun Sie das nächste Taste nach dem letzten Tab aktivieren? – brijrajsinh

+0

Ja, ich möchte es aktivieren – asif

+1

Kannst du die letzte Klasse beenden? oder möchten Sie nur auf die nächste Schaltfläche klicken? Bitte sieh dir meine Antwort an. oder es ist besser, wenn Sie Geige oder etwas Code zur Verfügung stellen. – brijrajsinh

Antwort

3

Dafür haben Sie folgende Funktion verwenden:

$('#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. 
}); 

Sie haben Zielklasse in den letzten Knopf zu geben.

Oder

Sie können wie unten tun, wenn sie auf den nächsten Knopf nur tun wollen:

$('#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

(idealerweise ein Arbeits Schnipsel mit Ihrem Szenario wäre am besten, Ihnen zu helfen.)

Sie könnten versuchen:

  • Entfernen .disabled Klasse von <li class="next disabled">

zu:

  • <li class="next">

über jQuery:

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

Wenn JS es überschrieben wird, außer Kraft setzen ihn zurück:

eine Überschreibung Klasse erstellen, wie:

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

dann über jQuery:

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

Ich denke "deaktiviert" anhängen von js, damit er es nicht entfernen kann. –

Verwandte Themen