如何使用jquery步骤向导从右到左的步骤

时间:2017-10-17 08:30:17

标签: jquery css right-to-left wizard jquery-steps

我使用jquery-steps插件制作向导,但问题是我无法将步骤从右向左对齐。

.e.g:我的步骤:1。步骤2.步骤2 我的期望:2。步骤两步1.(我也使用rtl语言:) :)

注意:我使用动态jquery步骤make(You can check it here

我试过了:

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

但没有工作,我该如何解决?此致

3 个答案:

答案 0 :(得分:2)

对于智能向导jquery v4.x,添加此CSS

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

}

答案 1 :(得分:1)

你试过这个:?

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

答案 2 :(得分:0)

这是我从右到左切换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;
}