繁体   English   中英

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

[英]jQuery-ui slider not working with jQuery-ui Touch Punch

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

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>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM