jquery steps - möchte die nächste Schaltfläche im letzten Schritt anzeigen

Ich habe einen einfachen Assistenten, der nur eine 'vorherige' und 'nächste' Schaltfläche benötigt. Im dritten und letzten Schritt startet die nächste Schaltfläche einen Datei-Uploader.jquery steps - möchte die nächste Schaltfläche im letzten Schritt anzeigen

Bisher habe ich dies:

ich dies tat, um es einfacher die Tasten selbst zu verweisen.

$(document).ready(function() { 

    $("#wizard .actions a[href='#next']").attr("id","next_button"); 
    $("#wizard .actions a[href='#previous']").attr("id","previous_button") 

});

Dann ist hier der Körper meines Code:

$("#wizard").steps({ 

bodyTag: "section", 
transitionEffect: "slideLeft", 
autoFocus: true, 
enableFinishButton: false, 
    enableCancelButton: false, 

onStepChanged: function (event, currentIndex, priorIndex) { 


     if (currentIndex ==2) { 
      console.log('currentIndex is:'+currentIndex); 
       //this returns '2' which is correct 

     $("#next_button").show(); 
     $(function(){ 
      $("#next_button").click(function(){ 
       //custom function here 
      }); 
     });

Als ich nach dem dritten Schritt erhalten (Momentanindex = 2), wird der nächste Schritt Taste verschwindet so habe ich versucht, ein $ zu tun ("# next_button "). show(); aber das funktioniert nicht.

Jede Hilfe, sehr geschätzt!

Quelle

2016-12-15 tomish

Warum diese Bereit-Funktion ** $ (Funktion() {....}) ** zwischen –

Warum next_button verschwindet? In jQuery-Schritten verschwinden die Tasten beim Schrittwechsel nicht. Gibt es einen Code, um das zu tun? Sie sollten mehr vollständigen Code geben. –

Die Funktion dazwischen ist meine benutzerdefinierte Funktion, die ausgelöst wird, wenn die nächste Schaltfläche geklickt wird, und es macht Sinn, dass die nächste Schaltfläche im letzten Schritt verschwindet, aber ich versuche, dies zu überschreiben. Alternativ würde ich mich mit dem "Finish" -Button begnügen, um nur den letzten Schritt anzuzeigen, aber $ ("# final_button"). Show(); geht auch nicht. Und ich habe es mit $ versucht ("# wizard .actions a [href = '# finish']"). Attr ("id", "finish_button"); – tomish

es verschwindet, weil Sie es festlegen, indem so das Hinzufügen enableFinishButton: false so zu tun, sollten Sie, dass entfernen und einfach den Text der Schaltfläche von den Etiketten anstelle von „Finish“ auf „Weiter“, um den letzten Schritt ändern

labels: { 
    finish: "Next" 
}

wird die letzte Taste dieses href

<a href="#finish" role="menuitem">Next</a>

so können Sie entweder eine benutzerdefinierte ID, um es hinzuzufügen, wie Sie auf den nächsten und vorherigen Schaltflächen tat. oder Sie können einfach so etwas wie dieses

$('a[href="#finish"]').click(function() { 
    //custom function here 
});

verwenden die benutzerdefinierte Funktion auf der letzten Schaltfläche „Weiter“ Klicken Sie laufen wird. Ohne den Schritt oder irgendetwas überprüfen zu müssen.

Hoffnung, das hilft.

Quelle

2017-06-12 23:34:27

jquery steps - möchte die nächste Schaltfläche im letzten Schritt anzeigen

Antwort

Verwandte Themen