jquery 移动滑动不适用于图像

标签 jquery css html jquery-mobile

今天我发现了这个页面http://demos.jquerymobile.com/1.3.0-beta.1/docs/demos/swipe/swipe-page.html该图展示了如何通过滑动来移动 HTML 页面。我做了第一步,通过删除过时的内容并在页面上添加图像来适应我的需求。现在我遇到的问题是,滑动不适用于图像,但仅当在外部完成时才有效。我怎样才能解决这个问题? 我的测试页是http://ulrichbangert.de/orchid/newyork.html右边还有另外两个。 swipe 和changePage 的手册页对我没有帮助。

最佳答案

我看到您正在使用 jQuery 来执行代码,因此如果您添加这一小行代码,它将阻止拖动图像。

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

该代码找到任何属于图像的元素,一旦开始拖动它,就会阻止默认情况下将图像拖走。

我通过您网站上的控制台运行了它,它正在运行,所以如果您想仔细检查它。

关于jquery 移动滑动不适用于图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22174285/

相关文章:

javascript - ajax html响应自定义显示

html - DIV 应在溢出 :hidden parent 内并排保持

jquery - 显示/隐藏 - jQuery 问题

html - 着色甚至加高列

javascript - 用另一个输入字段值更新隐藏的输入字段值?

jquery - 将一个 div 居中对齐到另一个 div(故障)

javascript - 获取具有特定值的元素,使其被选中

jquery - Bootstrap-轮播延迟加载程序

javascript - 为什么我在向下滚动时不重新加载数据,而在无限滚动中返回到页面顶部时重新加载数据?

javascript - 数组按照1-9和a-z显示顺序