トラックをクリックしたときに入力範囲のスライダーがiOS Safariで機能しない

Question

私はかなり簡単な範囲入力スライダーを持っています。 iOS Safariを除くすべてのブラウザでうまく動作します。

私が持っている主な問題は、スライダトラックをクリックするとスライダが動かないことです。単にスライダをハイライト表示します。親指をドラッグするとうまく動作します。どのようにこれを修正するための任意のアイデア？

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

Answer 1

jQuery Mobileをお試しください。回避策は不快で、標準のHTMLでネイティブインターフェイスを使用する方法はないと私は確信しています。それは他のスレッドから見えますが、あなたは精巧なCSS/JSソリューションを行うことができます。