jQuery Chromeでのドラッグ

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> 

おかげでジェームズを。