Question

我目前正在Web应用程序上实现一个jQuery滑块，需要从滑块中获取值以在Javascript函数中使用。例如，如果用户选择范围100,000到450,000，则将min_value = 100,000和max_value = 450,000发送到Javascript函数。

我该怎么做呢。

请参阅下面的滑块示例代码。

    $(function() {
          $("#price_slider").slider({
            range: true,
            min: 50000,
            max: 1000000,
            step: 1000,
            values: [350000, 700000 ],
            slide: function( event, ui ) {
              $( "#amount" ).val( "€" + ui.values[0 ] + " - €" + ui.values[1 ] );
              current_min_price: ui.values[0 ];
              current_max_price: ui.values[1 ]; 
            }
          });
          $( "#amount" ).val( "€" + $( "#price_slider" ).slider( "values", 0) + " - €" + $( "#price_slider" ).slider( "values", 1) );
        });

滑块看起来应该在页面上显示，但我实际上无法按原样使用它。

Answer 1

current_min_price: ui.values[0 ];
current_max_price: ui.values[1 ];

这些是否会给您带来JavaScript错误？如果要分配变量，则应使用=

Answer 2

有点不清楚你在问什么。正如@DanielIgnat's answer所述，以下几行：

current_min_price: ui.values[0 ];
current_max_price: ui.values[1 ];

看错了。这样做是创建名为 current_min [max] _price 的code line labels，并评估表达式ui.values[0]和[1]（与写{{1}相同并且应该没有实际效果）

如果100000;450000;和current_min_price是某些对象的变量或属性（您应该使用current_max_price或window.进行访问），则可以使用{设置{ {3}} obj.current_min_price：

在发布的问题中，这是唯一看起来错误的位，其余代码看起来还不错。如果这没有帮助，您可能希望包含更多详细信息。

从JQuery Slider获取值

2 个答案: