首页 > 解决方案 > 带有 5 个步骤的 jQuery 步骤

问题描述

我无法完成“jQuery Steps 向导插件(http://www.jquery-steps.com/)”使用 5 个步骤,我可以显示五个步骤,但是当我按下它时,下一个按钮不会进入五个步骤第四步。

我改变了“stepwizard.css”:

.wizard > .steps > ul > li
{
    width: 25%;
}

至:

.wizard > .steps > ul > li
{
    width: 20%;
}  

我不知道我是否必须更改 JavaScript,有人使用超过 4 个步骤吗?

配置:

var settings = {
    /* Appearance */
    headerTag: "h1",
    bodyTag: "div",
    contentContainerTag: "div",
    actionContainerTag: "div",
    stepsContainerTag: "div",
    cssClass: "wizard",
    stepsOrientation: $.fn.steps.stepsOrientation.horizontal,

    /* Templates */
    titleTemplate: '<span class="number">#index#.</span> #title#',
    loadingTemplate: '<span class="spinner"></span> #text#',

    /* Behaviour */
    autoFocus: false,
    enableAllSteps: true,
    enableKeyNavigation: true,
    enablePagination: true,
    suppressPaginationOnFocus: true,
    enableContentCache: true,
    enableCancelButton: false,
    enableFinishButton: true,
    preloadContent: false,
    showFinishButtonAlways: false,
    forceMoveForward: false,
    saveState: false,
    startIndex: 0,

    /* Transition Effects */
    transitionEffect: $.fn.steps.transitionEffect.none,
    transitionEffectSpeed: 200,

在此处输入图像描述

标签: jquery

解决方案


推荐阅读