5

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

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

但是，这是行不通的。任何人都可以帮忙吗？

HTML

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

JS

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

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

1 回答 1

0

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>
于 2015-04-14T14:19:13.743 回答