捏缩放和缩小涉及哪些javascript或jquery或jquery移动事件?我试图捕获这些事件来放大和缩小div内部的图像而不影响网站的整个布局.检测捏的最简单方法适用于iPad但不适用于Android.
在android平台上为web检测相同的方法是什么?
任何帮助表示赞赏.
编辑:我一直在尝试touchy.js,它适用于放大和缩小图像,但如果手指滑动或某种类型的图像无法访问部分图像,则放大图像是没有用的.
例如,请考虑以下代码:
<div style=" border: 1px solid blue; width: 560px; overflow:scroll;">
<p> </p>
<img id="image" src="images/tux.png" alt="my image" style=" border: 1em solid gray;" />
</div>
Run Code Online (Sandbox Code Playgroud)
我需要将图像保留在div中,并且用户应该能够在放大后移动图像.但是使用此代码,我必须在空白区域(由段落标记创建)上滑动手指以便水平转到图像的不同部分.同样发生在垂直方向(您必须在网页上的空白区域滑动手指才能看到图像长度明智).我想说的是,在图像中滑动动作没有任何效果,而用户在放大图像后会期望这样做.
没有一个例子就很难解释,我尝试创建http://jsfiddle.net/Debarupa/8peaf/但它不能正常工作,因为我无法编辑元头.我需要补充一下:
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1" />
Run Code Online (Sandbox Code Playgroud)
这样整个网页就不可缩放.
我一直在寻找一个简单的解决方案,如何在不影响网站其他部分的情况下放大和缩小图像(png),但没有找到.
有没有人使用这样的工具或知道使用jQuery或javascript的方法?我是jQuery的新手,所以不知道我应该看看哪些事件.此功能应适用于Android平板电脑和iPad.
看看JQuery Mobile Pinch Zoom Image Only和提供的链接,但显然是那些使用PhoneGap的链接.
谢谢你的帮助.
我是jQuery mobile的新手,甚至更新的knockout.js.现在,我将使用asp.net mvc4框架为移动设备开发一个网站.
本网站的大多数页面都有两个部分,一个是左侧部分,它将驱动页面,中间部分是结果部分.
现在,在左边的部分中,将会有一个农场列表,用户可以选择一个或多个农场.
挑战在于显示所选列表项目,其中一些视觉指示表明它们已被选中.因此,整个列表将在那里,用户选择的列表将与(选定的)或类似于列表项的实际文本一起显示.
有可能这样做吗?
android ×1
css3 ×1
dom-events ×1
html5 ×1
javascript ×1
knockout.js ×1
multi-touch ×1
touch ×1