获取jQuery步骤的设置问题

Question

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

我正在我的HTML：http://www.jquery-steps.com/Examples#basic-form中设置这个示例

我的脚本代码：

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"
        }
     }); 

});

我的JSFiddle：http://jsfiddle.net/6Zd5u/26/

需要你的帮助。

谢谢。

Answer 1

您的HTML代码似乎不正确。

如果您想使用h1作为标头，使用ul作为body标记，那么只允许在向导容器中按正确的顺序使用这些标记。例如：

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

注意:在实现表单时，出于语义原因，我建议您使用fieldset作为body标记。

最后一件事，这个博客文章可能会让你感兴趣，并帮助你实现一个美妙的形式。