slider bar スマホでの反応が悪い

Question

##<スライダーバーの反応が悪い>
スマホでスライダーバーを表示してるのですが、スマホでの反応が悪く、スムーズに動きません。
スライダーなのに、ツマミをスライドさせられません。ツマミの移動は、スライダーバーの上をタップすることで、タップ位置にツマミが移る、という反応になります。

<div name="slider"></div>

<script>
  $('div[name="slider"]').slider();
</script>

スライダーをスムーズに動かすにはどうしたらいいのでしょうか？

Answer 1

これは、jQuery UIのスライダーという解釈で合ってますか？
もしそうであれば、jQuery UIとは別に jQuery UI Touch Punchが必要になってきます。

以下のサイトを参考にしてみてください。
jQuery【 jQuery UI 】Touch Punch を使用してスマホ対応

Comments

[old_dog]

ありがとうございました！本日は時間が足りず、実際に修正した結果を報告できませんが、ぜひ参考にさせていただきます。本当にありがとうとざいました！htmlの<input type="range">を使うと、少しですが使い勝手もよくなりましたが、jqueryの学習も含めて、mksk様からのアドバイス通り参考にして、jqueryでユーザーフレンドリーなスライダーを制作します。今後ともよろしくお願いいたします。