jquery移动滑动不适用于图像

时间:2014-03-04 14:12:03

标签: jquery html css html5 jquery-mobile

今天我找到了这个页面http://demos.jquerymobile.com/1.3.0-beta.1/docs/demos/swipe/swipe-page.html,它显示了如何通过滑动来移动HTML页面。我做了第一步,通过删除过时的内容并在页面上添加图像来使其适应我的需求。现在我遇到的问题是滑动对图像不起作用,但只有当它在外面完成时才会起作用。我怎样才能解决这个问题? 我的测试页面为http://ulrichbangert.de/orchid/newyork.html,另外两个位于右侧。 轻扫和更改页面的手册页对我没有帮助。

1 个答案:

答案 0 :(得分:2)

我看到你正在使用jQuery来执行代码,所以如果添加这一小段代码,它将阻止图像被拖动。

$('img').on('dragstart', function(event) { event.preventDefault(); });

代码查找任何图像元素,一旦开始被拖动,就可以防止拖动图像的默认设置。

我在你的网站上通过控制台运行它并且它正在工作,所以如果你想要仔细检查它。