问题标签 [select-to-slider]

我正在使用 Filament 组中的 jQuery UI 滑块，它将 SELECT 元素转换为滑块。它工作正常。现在我想使用 JavaScript 以编程方式将滑块处理程序移动到滑块刻度中的特定点。

例如：当我点击一个按钮时，它会调用一个 JavaScript 函数，我想在其中编写一段代码，它将滑块指针移动到刻度中的特定 tic/slider 点。

我在这里有我的示例应用程序：

http://jsfiddle.net/DrR7s/15/

I am using a Slider component from Filament Group. You can view the component here http://filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support/

We have modified the style sheet to remove the labels and Drop-downs, which we doesn't needed. Then i have tried to change the Slider Handles with some custom images. We are getting some weird result. Slider is not displaying the Handles itself.

Is there anybody has some samples to change the Slider handles? I am not sure, what i am doing wrong.

Code:

Style: (I Couldn't post the complete style)

所以我有一个选择和一个函数，可以使用http://filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support/将其转换为滑块

我想做的是（现在，稍后我想根据值更改另一个元素的 innerHtml）在用户滑动时提醒滑块的当前值。

代码几乎完成了我想要的，除了滑动事件“在滑动期间每次鼠标移动都会触发。”，这意味着一张小幻灯片大约 10 次。很烦人。不是我想要的。而且它似乎也以编程方式改变了值——我的手柄一直在到处乱跳。

我也尝试过更改，但它只在停止时触发，所以如果用户只是来回滑动而不释放鼠标按钮，它不会发出警报。坏的。

我该如何处理？我想我需要像“关于价值变化”这样的事件？但是如何在不不断检查的情况下实现它呢？

我正在使用 SelecttoUISlider 为网站创建滑块搜索控件，在 chrome、IE 和 windows phone 上一切正常。但是在桌面 safari 或苹果设备上，后台 select 的值不会改变。'selected' 属性会改变，但 select 元素的物理值不会改变。结果，我得到了错误的结果，并且查询字符串两次传递到结果视图中，具有不同的值，导致错误。

我为 SelectToUISlider 使用了相当标准的语法。我已经检查过它是否适用于基本的 jquery UI

我已经在这个 JSfiddle 中显示了 select 元素，以防有人想看到 http://jsfiddle.net/847aypbb/