Jquery Steps doing nothing

Question

I`m trying to use Jquery-Steps but this doesnt even like is working or loaded, it only shows the h1 and div blocks, only the html is been loaded

Here is the code that I took from them, I dont know if I need to do something else.

<html>
<head>
    <title>Demo</title>
    <meta charset="utf-8">
    <script type='text/javascript'  src="jquery.js"></script> 
    <script type='text/javascript' src="jquery.steps.js"></script>
    <script type='text/javascript'  src="jquery.steps.min.js"></script>
</head>
<body>
    <script>
        $("#wizard").steps();
    </script>
    <div id="wizard">
<h1>First Step</h1>
<div>First Content</div>

<h1>Second Step</h1>
<div>Second Content</div>
</div>
</body>
</html>

Also, you're running the code before the elements are available in the DOM — adeneo, Feb 11 '16 at 17:57
With one or two it doesnt work, I will search about DOM but I'm very new to js so if you could explain I will be appreciated — Guilherme Faria, Feb 11 '16 at 17:59
Put your script tag at the *bottom* of the body. Otherwise, the elements won't be loaded yet. Also, open your dev console (hit F12). You'll see errors that will help you figure out what's wrong. — Mike Cluck, Feb 11 '16 at 18:00

score 0 · Accepted Answer · answered Feb 11 '16 at 18:04

Try now ?

<html>
<head>
    <title>Demo</title>
    <meta charset="utf-8">
    <script type='text/javascript' src="https://code.jquery.com/jquery-2.2.0.min.js"></script> 
    <script type='text/javascript' src="jquery.steps.min.js"></script>
</head>
<body>
        <script>
            $("#wizard").steps();
        </script>
        <div id="wizard">
    <h1>First Step</h1>
    <div>First Content</div>
 
    <h1>Second Step</h1>
    <div>Second Content</div>
</div>
   <script>
    // Initialize wizard
var wizard = $("#wizard").steps();
 
// Add step
wizard.steps("add", {
    title: "HTML code", 
    content: "<strong>HTML code</strong>"
});
    </script>
    </body>
</html>

Its working, well not exactly like the examples on the site I dont know how to apply styles over there. I think its not simples as I tought thank you — Guilherme Faria, Feb 11 '16 at 18:14
I will add you some styles but please accept my answer as a right one ^_^ — solimanware, Feb 11 '16 at 18:16

Jquery Steps doing nothing

1 Answers1