Question

我正在使用jquery创建一个多步骤表单（获取代码here），但我想稍微自定义它并在顶部添加一个标题。

    <header>Profile Settings
        <div class="wayfinder">
            <ul id="progressbar">
                <li class="active">Step 1</li>
                <li>Step 2</li>
                <li>Step 3</li>
            </ul>
        </div>
    </header>

小提琴：http://jsfiddle.net/co5u6n9r/1/

有人可以帮助解释当我进入下一步时如何更改标题（配置文件设置）吗？我猜测它与列表项的活动类有关，但我无法弄清楚第一步是什么。或者有更好的解决方案吗？

Answer 1

在你的小提琴里完成：http://jsfiddle.net/co5u6n9r/3/

首先，我将标头包装在h1标签内，所以我得到了一个可选择的元素。在css中，我将标题定义更改为标题h1，以匹配新元素结构。然后，我将以下两行添加到您的上一个和下一个函数中：

newHeadline = "Profile Step " + $("fieldset").index(next_fs);
$("header h1").html(newHeadline);

newHeadline = "Profile Step " + $("fieldset").index(previous_fs);
$("header h1").html(newHeadline);

newHeadline的值将是新标题。在我的例子中，我使用＆＃34; profile步骤＆＃34;与您的表单步骤索引。但当然，这几乎可以说是一切......

根据无序列表＆lt; li>列表项的活动类更改标题</li>

1 个答案: