複製およびドラッグされた要素の位置で要素 (レポートという名前) を更新しようとしています。しかし、なぜそれが機能しないのかがわかりません。これまでのところ、私は持っています:
var b1h;
var b1w;
var b1p;
var b1X;
var b1Y;
var inc = 0;
$('.drag').draggable({helper: "clone"}); $('.drag').bind('dragstop', function(event, ui) { $(this).after($(ui.helper).clone().draggable());
$(this).attr("id",'dragged'+inc); inc++; console.log($(this).attr("id")); console.log($(this).offset()); $(this).addClass("drug").appendTo('#container'); });
じゃあ後で:
$('.drug').click(function(){
b1h = $('.drug').height();
b1w = $('.drug').width();
b1p = $('.drug').position();
b1X = b1p.left;
b1Y = b1p.top;
$('.report').html(b1h+'x'+b1w + ' Y =' + b1Y + ' X =' + b1X ); });
クラスドラッグの既存の要素は機能しますが、クローン化された要素は機能しません。クローンされたものを機能させるために私ができることはありますか?
編集: わかりました。誰も応答していないので、もっとうまく説明できるかどうか見てみましょう。要素のクローンを作成してドラッグした場合、同じ要素の後続のドラッグからどのように位置を取得できますか?
これまでのところ、最初のドラッグの位置しか取得できません。