Question

我有一个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();

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

jQuery-ui滑块无法使用jQuery-ui Touch Punch

1 个答案: