在Chrome中拖动jQuery
在Chrome中拖动jQuery
提问于 2012-01-03 09:52:50
我正在做一个项目，在这个项目中你可以拖动图标。当您拖动图标时，实际的图标是隐藏的，您只需拖动一个占位符。这在Firefox中效果很好，但在Chrome中并不总是效果很好。如果您开始快速拖动，光标将变成‘阻止’符号，并且placholder停止移动。
演示：http://184.75.250.123/cloud/
代码：
HTML
<li class="item" draggable="false">
<a class="app">
<img src="[imgurl]" class="icon" draggable="false" />
<span class="name">Facebook</span>
</a>
</li>和
<div id="proxy"></div>jQuery
$('#section-home ul.app-page li.item').live('mousedown', function(){
var item = $(this);
$(window).mousemove(function(e){
item.addClass('isdragging');
$('#proxy').css({top: e.pageY+'px', left: e.pageX+'px'});
});
});
$(window).mouseup(function(){
$('#section-home ul.app-page li.item').removeClass('isdragging');
$(window).unbind("mousemove");
});谢谢!
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-01-03 19:14:44
原来我使用了一个<img />标签作为背景，由于默认情况下图像是可拖动的，所以如果我开始移动鼠标太快，我就会开始拖动背景。
背景图片：
<div id="background">
<img src="images/calm_main_bg.jpg" />
</div>我做了什么来修复它：
<div id="background">
<img src="images/calm_main_bg.jpg" draggable="false" />
</div>感谢James告诉我它是独立工作的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8707113
复制相关文章
相似问题
腾讯云开发者
