使用jQuery解决设置问题

Getting setup issue with jQuery steps

本文关键字：问题 设置 解决 jQuery 使用      更新时间：2023-09-26

我正试图实现jQuery步骤插件，我开始与我的一些基本的html和形式，但我不能运行步骤。我也检查了控制台，但是没有错误。

我在我的HTML: http://www.jquery-steps.com/Examples#basic-form

中设置这个例子

My Script code:

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/

需要你的帮助。

谢谢。

你的HTML代码似乎不对。

如果您想使用h1作为标题和ul作为正文标签，那么只有这些标签被允许在向导容器中，并以正确的顺序。例如:

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

注意:由于语义原因，我建议您使用fieldset作为body标记。

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

相关文章：