Chrome 中的 jQuery 拖动

Question

我正在开发一个可以在图标周围拖动的项目。当您拖动图标时，实际图标被隐藏，您只需拖动一个占位符。这在 Firefox 中运行良好，但在 Chrome 中并不总是运行良好。如果您开始快速拖动，光标会变成“阻止”符号，并且占位符会停止移动。

演示: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");
});

谢谢!

Answer 1

原来我用的是<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 告诉我它可以独立工作。