2011-08-02 10 views
0

私は<input>要素を持っています(disabled:trueを使用)し、選択範囲を削除しました(.disableSelection()を使用しています)。無効にした後で入力要素をドラッグ可能にします

したがって、<input>要素は、ピクチャ以外のものではありません。非インタラクティブなピクセルです。そのため、別のclickイベントと競合する可能性がないため、要素をドラッグ可能にすることができます。私は単純に.draggable()を試してみたが、それは動作しません

http://jsfiddle.net/E26dY/

+0

無効にしていますか?基本的には – tw16

+0

です。より良いアプローチは? – Randomblue

答えて

6

まず、あなたがun-無効inputに必要な、その後、あなたのjsで.draggable({cancel: null})を使用しています。ライブ例:http://jsfiddle.net/E26dY/8/

HTML:

<input /> 

jQueryの/ JavaScriptを:あなたは `input`をドラッグ右になりたいので、だから、あなただけそれを

$('input').val('Drag me!').disableSelection().css('webkit-user-select','none').draggable({cancel: null});