Dynamisch erstellen Schritte für jQuery Schritte

Ich bin mit einigen Schwierigkeiten dynamisch erstellen einige Schritte mit dem jQuery-Schritt-Assistenten-plugin.

Hier ist mein code:

<!DOCTYPE html>
<html>
    <head>
        <title>Demo</title>
        <meta charset="utf-8">

        <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/jquery-1.10.2.min.js"><\/script>')</script>
        <script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js" type="text/javascript"></script>
        <script>$.mobile || document.write('<script src="js/jquery.mobile-1.4.0.min.js"><\/script>')</script>

        <script src="scripts/libs/modernizr-2.6.2-respond-1.1.0.min.js"></script>
        <script src="scripts/libs/jquery.steps-1.0.4.js"></script>
        <script src="scripts/libs/jquery.validate-1.11.1.min.js"></script>  

    </head>
    <body>
        <script>

            $(document).ready(function () {
                $("#wizard").steps();

                var wizard = $("#wizard").steps();
                wizard.steps("add", {
                    title: "HTML code", 
                    content: "This is a test"
                });
                wizard.steps("add", {
                    title: "HTML code2", 
                    content: "This is a test2"
                });                 
            });

        </script>
        <div id="wizard"></div>
    </body>
</html>

Wenn die Seite ausgeführt wird, werden alle, die auf der web-Seite ist ein "next" und "previous", noch keine Schritte überhaupt.

Der Konsole die Fehler ich erhalte, ist dies:

SCRIPT5022: Ein oder mehrere entsprechende Schritt-Titel fehlt.
jquery.steps-1.0.4.js, Zeile 1252-Zeichen 5

Kann ich noch Hilfe, damit es funktioniert?

Vielen Dank im Voraus

Können Sie Schritt für Schritt durch den code in der Konsole? Es sieht aus wie die $('#wizard').steps(); Linie ist wahrscheinlich das problem verursacht.

InformationsquelleAutor user2985419 | 2014-02-03

  1. 4

    Es sieht aus wie Sie brauchen, um etwas in Ihrem Aufruf $('#wizard').steps();

    Blick auf die basic-Beispiel.

    $("#wizard").steps("add", {
  title: "Step Title",
  contentMode: "async",
  contentUrl: "data.xml"
});

    Versuchen Sie, mit Ihnen zu

    $(function () {

  $('#wizard').steps("add", {
    title: "HTML code", 
    content: "This is a test"
  })

  .steps("add", {
    title: "HTML code2", 
    content: "This is a test2"
  });                 

});
    Ich bekomme diesen Fehler von Ihrem $(function() { code: SCRIPT5007: Unable to get property 'stepCount' von undefined oder null-Verweis
    Versuchen Sie die aktualisierte version. Ich schieße in die Dunkelheit, ohne ein Beispiel. Sie haben ein JSFiddle?

    InformationsquelleAutor reergymerej

  2. 1

    Aktualisierten Code

     $(document).ready(function () {
        ***$("#wizard").steps();***    //remove this line from your code

        var wizard = $("#wizard").steps();
        wizard.steps("add", {
            title: "HTML code", 
            content: "This is a test"
        });
        wizard.steps("add", {
            title: "HTML code2", 
            content: "This is a test2"
        });                 
    });

    InformationsquelleAutor P.Sethuraman

Schreibe einen Kommentar