javascript - SelectToUISlider 不改变 safari 中的值

Question

我正在使用 SelecttoUISlider 为网站创建 slider 搜索控件，一切在 Chrome、IE 和 Windows Phone 上运行良好。然而，在桌面 safari 或苹果设备上，后台选择的值不会改变。 'selected' 属性发生变化，但 select 元素的物理值不变。因此，我得到有错误的结果，并且查询字符串两次传递到结果 View 中，具有不同的值，从而导致错误。

我正在为 SelectToUISlider 使用非常标准的语法。我已经检查过它是否适用于基本的 jquery UI

我已经使 select 元素在此 JSfiddle 中可见，以防有人想看到 http://jsfiddle.net/847aypbb/

$(document).ready(function () {
    //<![CDATA[
    // hide the select elements so that the sliders will take over
    //$('.suggest-wrap select').hide();
    // set up the sliders
    $('#group-experience').selectToUISlider({
        tooltip: false, labelSrc: 'text'
    });
    $('#distance-piste').selectToUISlider({
        tooltip: false, labelSrc: 'text'
    });
    $('#hotel-type').selectToUISlider({
        tooltip: false, labelSrc: 'text'
    });
    $('#ski-area').selectToUISlider({
        tooltip: false, labelSrc: 'text'
    });
});

Answer 1

SelectToUISlider 显然与 iOS 一般存在兼容性问题。即使在 iPad 上使用 Google Chrome，我也无法让它工作。不过，它在 Android 上的 Chrome 上运行得非常好。

我建议使用 jQueryUI 中的 .slider() 方法，但如果您需要更具体的选择，那么我们也会遇到同样的问题。