更改jquery-steps插件的布局

Question

我正在尝试重新配置jquery插件的布局。我想这是一项相当简单的任务。但我自己也搞不懂。我想交换动作div和步骤div (如图所示)。。所以动作在顶部，台阶在底部。

有人能帮我吗？

谢谢!

Answer 1

在jQuery步骤的向导基本演示中，可以使用jQuery按所需的顺序(操作、内容、步骤)移动项目：

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

update :在jQuery Steps网站的最新更新之后，Basic Demo被替换为http://www.jquery-steps.com/Examples，这是类似的，但它的id更改为example-basic，因此您需要以下代码：

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