Jquery 无所事事的步骤

Question

我正在尝试使用 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>

Answer 1

现在试试？

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

Jquery 无所事事的步骤

Jquery Steps doing nothing

javascript

jquery

jquery-steps