2011-11-09 45 views
0

<div>の中にドラッグ可能なイメージラップを追加して、コンテンツを編集可能な<div>に追加しようとしています。私の問題は、私が<div>をドラッグ可能にするときです。それは場所ホルダーを保持します。オブジェクトを移動してもスペースは予約されていて、無効にしたい。どうしたらいいですか?jquery UIドラッグ可能な要素プレースホルダ

これは私のコードです:

var cont = $('<div/>').draggable().attr('contenteditable',false); 
var img = $('<img/>').attr('src',file.url).attr('height','100px').attr('width','150px'); 

img.appendTo(cont); 
cont.appendTo('#front'); 
img.resizable(); 

答えて

0

はこれをテストするためにいくつかのより多くのコード(HTML)を必要とするだろうが、ぶっきらぼうな私は、次のいずれかを試してみてくださいと言うだろう:

1)ヘルパーを設定してみてください元のプロパティ:$('').draggable({helper:'original'}); 2)オリジナルのコースヘルパーのでソート可能として、あなたのドラッグ可能に設定してみてください:$('').sortable({helper:'original'});

あなたはドラッグ&ドロップゾーンを接続したところ。また、私は見ていない、{connectWithを使用します。 " .dropzone '} whあなたはあなたのシステムを始める。

私はあなたに何をすべきかを伝える前に実際に試してみたいが、それは私が最初に試してみるものだ。

+0

こんにちは、私はそれを試みましたが、それは動作しませんでした:(驚いたことに、私はそれがサイズ変更しようとすると、プレースホルダをresizable()を削除します。 – Janaka

関連する問題