javascript - Jquery: iPhone "slide to unlock"

标签 javascript jquery iphone slider

我想创建一个 jquery 脚本,其工作方式类似于 iPhone 的“滑动解锁”栏。我想要 2 个 div、容器和 slider 。我希望能够将 slider 拖动到右侧,当 slider 到达容器的最右侧时,让它执行某些操作。

我不想使用 jqueryUI 来做这件事,那个库太臃肿了,我已经看到了一些其他的拖放脚本,但我尝试过的很多东西都完全失败了,所以现在我'我回到步骤 1,想知道是否有一种非常简单的方法来拖动 div,并在它到达容器的最右侧时“执行某些操作”。

我真的很感激任何帮助,我想我的头发都因此而脱落了。 尼克

最佳答案

我建议使用一个已经可以实现您正在寻找的功能的库,就实际滑动对象而言。

jquery UI

这当然是 JQuery UI 库的链接。但是,大多数 UI(用户界面)库都具有滑动对象的功能,因此请选择您最熟悉的库。如果您不熟悉,我建议您进行一些研究。

JQuery 库应该使您能够滑动对象并检查滑动对象值,以便您知道何时运行锁定/解锁脚本。不过,正如前面提到的,我确信大多数其他库都会为您提供相同的功能。

关于javascript - Jquery: iPhone "slide to unlock",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1793373/

相关文章:

javascript - 如何在 JavaScript 中构建 Websocket 数据

javascript - 如何使 JavaScript 代码与 Node.js 一起工作?

php - 表单不会在自动刷新的页面上提交

javascript - 从 iPhone 上的全屏 Web 应用启动移动版 Safari

javascript - 如何使图像层在openlayers中可见

javascript - AngularJS ng-include缓存

jquery - Iframe 垂直滚动在 iOS 移动设备中不起作用

javascript - 仅在较小屏幕上加载 jquery - 在调整大小和页面加载时

iphone - UIViewController:我可以在哪里放置自定义初始化

iphone - commonMetadata 数组对于 iPod 库中的某些歌曲为空