带有图像的JQuery可拖动元素 - 在IE和Chrome中拖动问题

Question

我有被定义为draggables的div。 div包含一个图像和一些文本。拖动在Firefox和Opera中完美运行，但在Chrome和IE中，我只能通过文本上的mousedown而不是图像来开始拖动。当我在IE和Chrome中隐藏图像时，内置的html元素拖放浏览器功能启动 - 尝试仅拖动图像元素（lika a cut n paste thing）。我怎样才能覆盖这个？

Answer 1

意外地找到了一个简单的解决方案（不涉及css背景）。只需在图片中添加draggable="false"属性即可。这将禁用拖动'功能'：）

<img draggable="false" src="http://www.google.com/intl/en_com/images/srpr/logo1w.png"/>

也可以通过javascript设置，img.draggable = "false";

Answer 2

哦，好吧，我只是将图像作为背景图像放在可拖动元素内的一个div上。解决了这个问题，耶。

ITS ALL HACKS

Answer 3

您还可以将style="block"添加到图片中。

Answer 4

我最近也遇到了这个问题，我发现解决方案在于jQuery选择器的特殊性。

假设：

<div class="albumItem draggable">
  <img src="#" alt="#" />
</div>

这样做会导致IE / Chrome中的问题：

$('.draggable').draggable();

相反，更具体一点：

$('.albumItem.draggable').draggable();

不确定导致此问题的幕后IE / Chrome中发生了什么，但更具体的jQuery选择器为我做了诀窍。