Javascript 时钟选择器滚动而不是更改时间

我使用这个插件来显示时钟选择器。当我在我的浏览器上测试它时，效果很好，但我需要在7英寸的平板电脑上运行我的应用程序，当我试图改变页面滚动的时间而不是一分钟一分钟地选择时，所以我只能选择5、10、15、20、25…分钟，而不是1、3、13、22、44等

换句话说，我的问题是页面在我的控件中进行滚动而不是更改时间。当我使用chrome上的设备工具栏时，我无法通过拖动光标来选择时间，只能通过单击来选择

var-input=$（'#input-a'）；
输入时钟选择器({
自动关闭：正确
});
//人工操作
$（“#按钮-a”）。单击（函数（e）{
//我们必须在这里停止传播
e、 停止传播（）；
input.clockpicker（'show'）
.clockpicker（'toggleView'，'minutes'）；
});
$（“#按钮b”）。单击（功能（e）{
//我们必须在这里停止传播
e、 停止传播（）；
input.clockpicker（'show'）
.clockpicker（'toggleView'，'hours'）；
})；

正文{
字体系列：“Helvetica Neue”，Helvetica，Arial，无衬线；
字体大小：14px；
}
.集装箱{
填充：20px；
}

---

我认为您的问题是使用

http

而不是

https

加载时钟选择器资产。您应该尝试将所有内容更改为

https

：

这是一个Android 8仿真器的屏幕截图视频，使用您的代码显示它正在工作。您可以使用以下链接自己测试它：

更新

您应该使用CSS向

正文添加
touch action:none
。这将在时钟选择器弹出时禁用触摸事件：


var-input=$（'#input-a'）；
输入时钟选择器({
自动关闭：正确
});
//人工操作
$（“#按钮-a”）。单击（函数（e）{
//我们必须在这里停止传播
e、 停止传播（）；
input.clockpicker（'show'）
.clockpicker（'toggleView'，'minutes'）；
});
$（“#按钮b”）。单击（功能（e）{
//我们必须在这里停止传播
e、 停止传播（）；
input.clockpicker（'show'）
.clockpicker（'toggleView'，'hours'）；
})；
正文{
字体系列：“Helvetica Neue”，Helvetica，Arial，无衬线；
字体大小：14px；
触摸动作：无；
}
.集装箱{
填充：20px；
}

您好，这不是问题，如果您在chrome上打开URL，然后打开控制台并更改为任何设备视图，插件将不起作用。此外，我没有使用http或https加载该文件，我的项目中本地有该文件。http仅用于此示例。是的，我可以在设备工具栏上看到它。但正如您所看到的，我有测试我在平板电脑模拟器上安装了它，它可以正常工作，所以我认为这就是问题所在。我会再次检查它。尝试将
触摸操作：无；
添加到
正文
。它对我有效。请查看更新的答案。@User1899289003更新的答案解决了问题吗？如果没有，请让我知道它是如何为您工作的。哎！抱歉没有回答，这个解决方案对我不起作用。我发现了另一个问题，但也没有解决。