2016-02-11 3 views
0

I`m пытается использовать JQuery-шаги, но это оленья кожа даже нравится работает или загружен, он показывает только h1 и Div блоков, только HTML будет загруженJquery шагов не делает ничего

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

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

Вы включили 'steps.js' дважды? – adeneo

+1

Кроме того, вы запускаете код до того, как элементы доступны в DOM – adeneo

+0

С одним или двумя он не работает, я буду искать DOM, но я очень новичок в js, так что если бы вы могли объяснить, я буду оценен –

ответ

0

Попробуйте прямо сейчас?

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

+0

Его работа, ну не совсем как примеры на сайте Я не знаю, как применять стили там. Я думаю, что это не так, как я сильно благодарю вас –

+0

. Я добавлю вам некоторые стили, но, пожалуйста, примите мой ответ как правильный.^_^ – Microsmsm

+0

Спасибо, и все сделано ... Я сделал это уже lol –

Смежные вопросы