jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery – 在iPad / iPhone上可拖动的图像 – 如何集成event.preventDefault();?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用jQuery,jQuery UI和jQuery mobile来构建iPhone / iPad的Web应用程序.
现在我创建的图像,他们应该是可拖动的,所以我这样做: @H_404_3@<!DOCTYPE html> <html> <head> <Meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title>Drag - Test</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" /> <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js"></script> </head> <body> <div> <div style="width:500px;height:500px;border:1px solid red;"> <img src="http://upload.wikimedia.org/wikipedia/en/thumb/9/9e/JQuery_logo.svg/200px-JQuery_logo.svg.png" class="draggable" alt="jQuery logo" /> <img src="http://upload.wikimedia.org/wikipedia/en/a/ab/Apple-logo.png" class="draggable" alt="Apple Inc. logo" /> </div> </div> </body> <script type="text/javascript"> $(document).ready(function() { $(".draggable").draggable(); }); </script> </html>

在这里可以看到现场示例:http://jsbin.com/igena4/

问题是,整个页面都想滚动.我在苹果的HTML5示例中搜索,发现这是为了阻止页面的滚动,以便图像是可拖动的:

@H_404_3@... onDragStart: function(event) { // stop page from pAnning on iPhone/iPad - we're moving a note,not the page event.preventDefault(); ... }

但问题是对我来说,我该怎么把它包含进我的jQuery?我在哪里可以获得活动?

最好的祝福.

解决方法

大佬总结

以上是大佬教程为你收集整理的jQuery – 在iPad / iPhone上可拖动的图像 – 如何集成event.preventDefault();?全部内容,希望文章能够帮你解决jQuery – 在iPad / iPhone上可拖动的图像 – 如何集成event.preventDefault();?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。