jQuery.Step 步骤说明文档

一、设置/setting

[1]. 外观设置(Appearance)

 [2]. 模板设置(Templates)

[3]. 特性设置(Behaviour)

[4]. 转换效果(Transition Effects)

[5]. 事件(Events)

[6]. 标签(Labels)

$("#wizard").steps({
    labels: {
        cancel: "Cancel",
        current: "current step:",
        pagination: "Pagination",
        finish: "Finish",
        next: "Next",
        previous: "Previous",
        loading: "Loading ..."
    }
});

二、步骤对象/Step Object

//在向导容器中添加一个步骤
$("#wizard").steps("add", {
    title: "Step Title",
    contentMode: "async",
    contentUrl: "data.xml" //获取内容的URI地址
});

//这是一个获取到的step object
{
	content: "<p>Quisque at sem turpis, id sagittis diam.</p>↵            "
	contentLoaded: false
	contentMode: 0
	contentUrl: ""
	title: "Forth Step"
}

三、方法/Methods

$("#wizard").steps("insert", 0, {
   title: "Step Title",
   content: "<p>Step Body</p>"
});
if($("#wizard").steps("remove", 1)){
  console.log("删除成功");
}

四、用例

[1].如何允许在步骤错误期间后退

$("#wizard").steps({
    onStepChanging: function (event, currentIndex, newIndex)
    {
        // Allways allow step back to the previous step even if the current step is not valid!
        if (currentIndex > newIndex)
        {
            return true;
        }

        ...
    }
});