更改jquery-steps插件的布局

Question

我正在尝试重新配置jquery-steps插件的布局。我认为这是相当简单的任务......但我自己无法想象。 I would like to swap actions div and the steps div (showed in this picture)。因此，行动在最顶端，步骤在底部。

有人可以帮我吗？

谢谢！

Answer 1

在jQuery Steps＆＃39;向导基本演示，你可以使用jQuery以你想要的顺序移动项目（动作，内容，步骤）：

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

UPDATE：在jQuery Steps＆＃39;的最新更新之后网站，基本演示已替换为Basic Example，其类似，但其id已更改为example-basic，因此您需要以下代码：

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