jQuery-ui 滑块不适用于 jQuery-ui Touch Punch

【问题标题】：jQuery-ui slider not working with jQuery-ui Touch PunchjQuery-ui 滑块不适用于 jQuery-ui Touch Punch
【发布时间】：2015-06-20 04:38:18
【问题描述】：

我有一个 jQuery-ui 滑块，我正在尝试使用 jQuery-ui Touch Punch 在 iPad 上工作。根据文档，一旦我包含了该库，我只需执行以下操作即可使其在 iPad 上运行。

$(".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();

【问题讨论】：

对此@User 的任何解决方案

标签： javascript jquery jquery-ui jquery-ui-touch-punch

【解决方案1】：

jQuery 正在寻找类 ui-slider-handle。你必须将你的滚动设置为那个类。

编辑：

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

【讨论】：

检查您是否以正确的顺序放置了包含：<script src="js/jquery.1.9.min.js"></script> <script src="js/jquery-ui-1.9.2.js"></script> <script src="js/jquery.ui.touch-punch.js"></script>