如何在从右到左的步骤中使用jQuery Steps向导

Question

我正在使用 jquery-steps 插件创建一个向导，但问题是我无法使步骤从右到左对齐。

例如：我的步骤：1.第一步 2.第二步 我的期望：2.第二步 1.第一步（同时我正在使用RTL语言 :)）

注意：我正在使用动态的jquery步骤制作 （您可以在这里检查）

我尝试过：

$(document).ready(function() {
  $("#wizard").steps(
    rtl: true
  );
});

但是没有起作用，我该怎么解决？问候

- f.bazak

---

你试过这个吗？https://jsfiddle.net/2quw4hea/ - Sayed Rafeeq

Answer 1

对于智能向导jQuery v4.x，请添加以下CSS：

.sw-main .sw-container .step-content {
direction: rtl;
text-align: justify;

}

- keivan kashani

Answer 2

你尝试过这个吗：？

.wizard>.steps>ul>li, .wizard>.actions>ul>li {
    float: right;
}

- Rahele Dadmand

---

尝试过了，对我来说不够。 - Benyamin Shoham

你能分享一下你的代码吗？也许这是一个不同的情况@BenyaminShoham - Rahele Dadmand

Answer 3

这是我用于将jQuery.steps从右到左切换的CSS代码：

body {
    direction: rtl;
}

.wizard>.steps>ul>li, .wizard>.actions>ul>li {
    float: right;
}

.wizard > .content > .body {
    direction: rtl;
}
.wizard > .content > .body p {
    text-align: right;
}

- Benyamin Shoham