Question

我正在尝试实现jQuery steps插件，我从一些基本的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作为正文标记，则只允许在向导容器中以正确的顺序使用这些标记。例如：

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

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

最后一件事blog article可能会引起你的兴趣并帮助你实现一种奇妙的形式。

通过jQuery步骤获取安装问题

1 个答案: