Javascript jQuery ui滑块不使用jQuery ui触摸打孔_Javascript_Jquery_Jquery Ui_Jquery Ui Touch Punch

Javascript jQuery ui滑块不使用jQuery ui触摸打孔

javascript jquery jquery-ui

Javascript jQuery ui滑块不使用jQuery ui触摸打孔,javascript,jquery,jquery-ui,jquery-ui-touch-punch,Javascript,Jquery,Jquery Ui,Jquery Ui Touch Punch,我有一个jQueryUI滑块，我正试图使用jQueryUITouchPunch在iPad上工作。根据文档，一旦我包含了这个库，我应该只需要做以下操作就可以在iPad上使用它 $(".ui-slider-handle").draggable(); 然而，这是行不通的。有人能帮忙吗 HTML <div id="scroll"></div> jQuery正在查找类ui滑块句柄。您必须将您的滚动设置为该类编辑： $（函数（）{ $（“#滑块”）.slider（）； })

我有一个jQueryUI滑块，我正试图使用jQueryUITouchPunch在iPad上工作。根据文档，一旦我包含了这个库，我应该只需要做以下操作就可以在iPad上使用它

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

然而，这是行不通的。有人能帮忙吗

HTML

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

jQuery正在查找类ui滑块句柄。您必须将您的滚动设置为该类

编辑：


$（函数（）{
$（“#滑块”）.slider（）；
});

检查您是否按正确顺序放置了包含项：

此@User的任何解决方案

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

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

<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>