Javascript 使用jQuery步骤获取设置问题

我正在尝试实现插件，我从一些基本的html和表单开始，但我无法运行这些步骤。我还检查了控制台，但没有错误

我正在我的HTML中设置此示例：

http://www.jquery-steps.com/Examples#basic-表格

我的脚本代码：

jQuery(function (){
    function errorPlacement(error, element){
        element.before(error);
    }  

    jQuery("#submit-steps").steps({
        headerTag: "h3",
        bodyTag: "ul",
        transitionEffect: "slide",
        onStepChanging: function (event, currentIndex, newIndex){
            jQuery("#form-2").validate().settings.ignore = ":disabled,:hidden";
            return jQuery("#form-2").valid();
        },
        onFinishing: function (event, currentIndex){
            jQuery("#form-2").validate().settings.ignore = ":disabled";
            return jQuery("#form-2").valid();
        },
        onFinished: function (event, currentIndex){
            alert("Submitted!");
        },
        labels: {
            cancel: "Cancel",
            finish: "Finish",
            next: "Continue",
            previous: "Previous"
        }
     }); 

});

我的朋友：

我需要你的帮助

---

谢谢。

您的HTML代码似乎不正确

如果要将

h1

用作标题，将

ul

用作正文标记，则向导容器中只允许按正确顺序使用这些标记。例如：

<div id="wizard">
    <h1>Step 1</h1>
    <ul>
        ...
    </ul>
    <h1>Step 2</h1>
    <ul>
        ...
    </ul>
</div>

第一步

...

步骤2

...

注意：在实现表单时，由于语义原因，我建议您将

字段集

用作

body

标记

最后一件事，这可能会引起你的兴趣，并帮助你实现一个美妙的形式