更改 jquery-steps 插件的布局

Question

我正在尝试重新配置 jquery-steps 插件的布局。我想这是相当简单的任务..但我自己想不通。 I would like to swap actions div and the steps div (showed in this picture)。这样操作在上，步骤在下。

谁能帮我解决这个问题？

谢谢！

Answer 1

在jQuery步骤向导基本演示中，您可以使用jQuery按您想要的顺序移动项目（操作、内容、步骤） :

$(function() {
    $("#wizard > .content").appendTo("#wizard");
    $("#wizard > .steps").appendTo("#wizard");
});

更新： 在 jQuery Steps 网站的最新更新后，Basic Demo 被替换为 Basic Example，类似，但是它的id变成了example-basic，所以需要如下代码：

$(function() {
    $("#example-basic > .content").appendTo("#example-basic");
    $("#example-basic > .steps").appendTo("#example-basic");
});

change the layout of jquery-steps plugin