2011-10-22 12 views
0

私はクラス.myClassでdivを持っています。#cloneITをクリックしてクローンしています それは完全にそのdivをクローンしますが、ドラッグすると常に最初のdivをドラッグしました。 は、ここに私のコード:jquery clone draggable click

$("document").ready(function(){ 
$(".myClass").draggable({ containment: 'parent' }); 
var countClones = 0; 
$("#cloneIt").click(function(){ 
$('.myClass').clone(true).attr('id',$('div.myClass')[0].id+countClones).prependTo('body'); 
countClones += 1; 
    var newDiv = $("<div>Cloned: " + countClones + "</div>"); 
    $("body").append(newDiv); 
    return false; 
}); 

}); 

jsFiddle: http://jsfiddle.net/qQ6ws/3/

1) uはクローンそれをクリックすると、plzはテストをドラッグし、それは私がクリックまたはドラッグすることはできませんよバージョンをクローン化しています。私は今、唯一の問題は、私はクローン化されたバージョンをドラッグしたり、それらを任意の助け 感謝をクリックすることはできませんで第二の問題を修正しました http://jsfiddle.net/qQ6ws/3/

:更新に

UPDATEを修正

2)

+0

Dshahは私の答えを見てください –

答えて

1

私はthisが欲しいと思いますか? draggable要素のクローン作成は、パラメータとして渡されたクローン(true)であってもイベントをクローンするようには見えません。私は他のjQueryコントロール(droppableなど)でこれを気付いています。複製された要素に対して明示的に.draggable()を呼び出す必要があります。

+0

ありがとう、それは私が欲しかった。 – user969068

1

"true"引数でクローンすると、 "draggable"実装を中断するイベントハンドラもコピーされると思います。おそらくオプションは "真"の引数なしで複製し、必要に応じてイベントリスナーを再登録することだけです。