jQuery-ui слайдер не работает с jQuery-ui Touch Punch

У меня есть слайдер jQuery-ui, который я пытаюсь сделать на iPad с помощью jQuery-ui Touch Punch. Согласно документации, как только я включил библиотеку, мне просто нужно сделать следующее, чтобы заставить ее работать на iPad.jQuery-ui слайдер не работает с jQuery-ui Touch Punch

$(".ui-slider-handle").draggable();

Однако, это не работает. Может ли кто-нибудь помочь?

HTML

<div id="scroll"></div>

$(function(){ 
    $("#scroll").slider({ 
     orientation: "vertical", 
     range: "min", 
     min: 0, 
     max: 100, 
     value: 100 
    }) 
}) 

$(".ui-slider-handle").draggable();

источник

2015-04-14 User

любое решение этой @user –

JQuery ищет класса Ui-слайдера ручкой. Вы должны установить свой свиток в этот класс.

Edit:

<html> 
    <head> 
     <title></title> 

     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
     <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script> 
     <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.css"> 
     <script src="jquery.ui.touch-punch.js"></script> 
     <script> 
      $(function() { 
       $("#slider").slider(); 
      }); 
     </script> 
    </head> 
    <body> 
    <div id="slider"></div> 
    </body> 
</html>

источник

2015-04-14 14:19:13 Stem

Еще не работает – User

Проверьте вы разместили включает в правильном порядке: '<сценарий SRC ="/JS jquery.1.9. min.js "> <сценарий SRC =" JS/JQuery-щ-1.9.2.js "> <сценарий SRC =" JS/jquery.ui.touch-punch.js ">' – Stem

Да, библиотеки включены в правильный порядок. – User

jQuery-ui слайдер не работает с jQuery-ui Touch Punch

ответ

Смежные вопросы