SelecttoUISlider를 사용하여 사이트의 슬라이더 검색 컨트롤을 만들면 모든 것이 Chrome, IE 및 Windows Phone에서 잘 작동합니다. 그러나 데스크탑 사파리 또는 사과 장치에서는 백그라운드에서 선택 값이 변경되지 않습니다. 'selected'속성은 변경되지만 select 요소의 물리적 값은 변경되지 않습니다. 그 결과 버그가있는 결과를 얻고 쿼리 문자열이 다른 값으로 두 번 결과보기에 전달되어 오류가 발생합니다.SelectToUISlider 사파리의 값을 변경하지 않습니다.
나는 SelectToUISlider에 대해 꽤 표준적인 구문을 사용하고 있습니다. 누군가가 분명히 일반적으로 아이폰 OS와 호환성 문제가 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'
});
});