輸入範圍滑塊在iOS Safari上不起作用點擊軌跡時

我有一個非常直接的範圍輸入滑塊。除了iOS Safari之外，它在所有瀏覽器上都能很好地工作。輸入範圍滑塊在iOS Safari上不起作用點擊軌跡時

我的主要問題是當我點擊滑塊軌道，它不會移動滑塊。它只是突出顯示滑塊。當拖動拇指時它工作正常。有想法該怎麼解決這個嗎？

<div class="slider-wrap"> 
    <div id="subtractBtn"></div> 
    <input type="range" class="slider"> 
    <div id="addBtn"></div> 
</div>

來源

2015-10-26 worker11811

查看此線程尋找可能的解決方案： http://stackoverflow.com/questions/26845263/ionic-range-cannot-click-on-ios – timmcliu

我剛剛在Mac OS X El Capitan的Safari中進行了測試，它的工作原理，你還看到這個問題嗎？ http://codepen.io/gboogaart42/pen/NbjqMQ –

請參閱此主題，它可能會幫助你：[http://stackoverflow.com/questions/5484540/recreating-the-html5-range-input-for-mobile-獵裝webkit的？RQ = 1]（http://stackoverflow.com/questions/5484540/recreating-the-html5-range-input-for-mobile-safari-webkit?rq=1） – Mukesh

嘗試使用jQuery Mobile？解決方法是令人討厭的，我敢肯定，沒有辦法使用標準HTML的本地接口。從其他線程看來，你可以做一個精心設計的CSS/JS解決方案。

來源

2017-11-09 04:07:06

輸入範圍滑塊在iOS Safari上不起作用點擊軌跡時

回答

相關問題