2013-04-28 18 views
5

ドラッグ中にカーソルを変更することはできますか?私は探していて、しばらくそれをやろうとしています。オブジェクトを別のカーソルにドラッグしている間に表示される「許可されていない」カーソルを変更したい。
ドラッグ中にカーソルを変更する

<img id="drag1" class="drag" src="http://www.surfixe.com/img/tick2.png" draggable="true" ondragstart="drag(event)" /> 

のjava: - - :

は私がドラッグしたいイベントを作成し、画像に割り当てる試みた

function drag(ev) { 
    $('#drag1').css('cursor', 'pointer'); 
} 


jsfiddle

編集:注意:私の小さなプロジェクトは、html-5 drag and dropになると思いますので、私はcurを変更する必要がありますhtml-5でdivをドラッグしているときにdrag attribute

+0

私は同じ問題があります。何か解決策を見つけたことはありますか?ここに重複したリンクがありますhttp://stackoverflow.com/questions/14930811/html5-drag-and-drop-dnd-changing-cursor –

答えて

1

「許可されていない」カーソルは、ドラッグ可能でないことを単純に示していました。 imgを.draggable()メソッドでバインドする必要がありますhttp://api.jqueryui.com/draggable/ ドラッグ中に特定のカーソルを使用するのは独自のオプションです。

あなたははい、それは可能である

$("#drag1").draggable({ cursor: "pointer" }); 

http://jsfiddle.net/wpcbM/3/

+0

私が探していたものではありませんが、私はjqueryのUIにリンクできますか? – Tom

+0

ああ大丈夫私はあなたがjqueryUIを使用しないでください、jqueryそれ自体draggableアフリカを提供しませんが、あなたは簡単に自分自身を構築することができますhttp://stackoverflow.com/questions/8569095/draggable-div-without-jquery-ui –

+0

BTWは動作しません"上"と "外"のメソッド(それらを動的に操作したいイベント) –

-1

のような簡単なようにそれを使用することができます。ドラッグしているアイテムのカーソルを変更する必要があります(移動先ではない)。

+1

彼は既にドラッグされた要素にスタイルを適用しています。また、ドラッグされた要素のカーソルを変更するだけで、ネイティブのHTML5ドラッグアンドドロップでは機能しません。 – H27studio

+0

はい、あなたは正しいです、authroはすでにdrassable上のCSSを適用しました、私はそれを逃す。私はjquery ui draggable "helper"を使って私のために働いています:私はマウスが禁止された領域の上にあったときにそれに "nodrop"カーソルを適用しました。それはjqueryのヘルパーは、些細なことではない組織draggableようだ。 –

+0

jquery ui draggableのヘルパーは、絶対配置がmousemoveにバインドされた通常の要素です。そういうわけで、それは私の仕事です。 –

関連する問題