Шаги Jquery ничего не делают

Я пытаюсь использовать Jquery-Steps, но это даже не похоже на то, работает или загружается, показывает только блоки h1 и div, загружается только html

Вот код, который я взял у них, не знаю, нужно ли еще что-то делать.

<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>

javascript jquery jquery-steps
person Guilherme Faria    schedule 11.02.2016    source источник
comment
Вы дважды включили steps.js ?   -  person adeneo    schedule 11.02.2016
comment
Кроме того, вы запускаете код до того, как элементы станут доступны в DOM.   -  person adeneo    schedule 11.02.2016
comment
С одним или двумя это не работает, я буду искать DOM, но я очень новичок в js, поэтому, если бы вы могли объяснить, я буду признателен.   -  person Guilherme Faria    schedule 11.02.2016
comment
Поместите тег script в нижнюю часть тела. В противном случае элементы еще не будут загружены. Также откройте консоль разработчика (нажмите F12). Вы увидите ошибки, которые помогут вам понять, что не так.   -  person Mike Cluck    schedule 11.02.2016
comment
пожалуйста, посмотрите мой ответ и проголосуйте за него ^_^! @GuilhermeFaria   -  person Microsmsm    schedule 11.02.2016

Ответы (1)


arrow_upward
0
arrow_downward

Попробовать сейчас?

<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>

person Microsmsm    schedule 11.02.2016
comment
Это работает, но не совсем так, как примеры на сайте, я не знаю, как применять там стили. Я думаю, это не просто, как я и думал, спасибо - person Guilherme Faria; 11.02.2016
comment
Я добавлю вам несколько стилей, но, пожалуйста, примите мой ответ как правильный ^_^ - person Microsmsm; 11.02.2016