Javascript jquery ui滑块范围修复为RTL

我希望将Jquery滑块范围更改为RTL。我用这个：

Jquery代码：

    $(function() {
    $( "#slider-range" ).slider({
      range: true,
      min: 0,
      max: 1000000,
      values: [ 100000, 500000 ],
      slide: function( event, ui ) {
        $( "#amount" ).val(addCommas(ui.values[1])+ " تومان                " + addCommas(ui.values[0])+" تومان");
      }
    });
    $( "#amount" ).val( addCommas( $( "#slider-range" ).slider( "values", 1 ) )  + " تومان                " + addCommas( $( "#slider-range" ).slider( "values", 0 ) ) + "تومان" );
  });

  function addCommas(nStr){
    nStr += '';
    x = nStr.split('.');
    x1 = x[0];
    x2 = x.length > 1 ? '.' + x[1] : '';
    var rgx = /(\d+)(\d{3})/;
    while (rgx.test(x1)) {
        x1 = x1.replace(rgx, '$1' + ',' + '$2');
    }
    return x1 + x2;
  }

HTML代码：

<label for="amount">قیمت:</label>
<div id="slider-range"></div>
<input type="text" id="amount" readonly>

如图所示：

我想反转最大和最小按钮位置（RTL）。

---

如何更改jquery代码或html代码

有关更多帮助，请访问以下链接：

---

我不喜欢来自的补丁，因为它修补了一个旧版本的jQuery UI，不幸的是，他们还没有将其合并到主代码中（为什么？！）

另一个选项是反转

min

和

max

，但是小部件不允许

min>max

，所以我欺骗了它。我做了

{min:max*-1，max:min*-1}

，然后使用

value*-1

示例时间：假设您想要一个滑块，允许用户在

1

和

10

之间选择一个数字

{ min: 1, max: 10 }
Generates: <[1][2][3][4][5][6][7][8][9][10]>
{ min: -10, max: -1 }
Generates: <[-10][-9][-8][-7][-6][-5][-4][-3][-2][-1]>

{min:1，max:10}
生成：
{最小值：-10，最大值：-1}
生成：

现在它从右向左看！现在，您只需将从滑块得到的结果乘以

-1

，因此当他移动滑块时，RTL中

7

的位置，您将得到

-7

，使用前只需将其乘以

-1

。这也适用于范围

---

显然，你可以使用其他数学系统，但我发现这是最简单的理解方法。

但是没有相关的文档，你有相同的工作示例吗？@PardeepJain上面的链接就是工作示例，反正我也没试过。自从

http://keith-wood.name/rtlsliders.html

不适用于最新的jQuery UI版本，我更喜欢这个答案而不是公认的答案。嗨，你能告诉我你是如何应用{min:max*-1，max:min*-1}的吗？@ameya看到原来的问题，它是作为滑块方法的选项应用的（jQuery小部件）。这是一个数学解决方案，因此它可以与任何滑块实现一起工作。