gpt4 book ai didi

javascript - jQuery-ui slider 不适用于 jQuery-ui Touch Punch

转载 作者:搜寻专家 更新时间:2023-11-01 04:41:06 26 4
gpt4 key购买 nike

我有一个 jQuery-ui slider ,我正尝试使用 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>

关于javascript - jQuery-ui slider 不适用于 jQuery-ui Touch Punch,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29629547/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com