javascript - SelectToUISlider不会更改Safari中的值

我正在使用SelecttoUISlider为网站创建一个滑块搜索控件，一切在chrome，IE和Windows Phone上都可以正常运行。但是，在桌面浏览器或Apple设备中，背景中的select值不会更改。 'selected'属性会更改，但是select元素的物理值不会更改。结果，我得到越野车结果，并且两次将查询字符串以不同的值传递到结果视图中，从而导致错误。

我对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'
    });
});

最佳答案

通常，SelectToUISlider与iOS存在兼容性问题。即使使用iPad上的Google Chrome浏览器，我也无法正常运行。不过，它与Android上的Chrome完美搭配。

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