0

li最初の要素divを別の要素、divつまり「ストーリーをここに追加」ボックスにドラッグ アンド ドロップすると、コンテンツがドロップされます。divただし、ドラッグされた要素の色が2にドロップされたときに変更する必要があるのは、id = dialogIterationどの要素がドラッグアンドドロップされ、どの要素がドラッグされたままになっているのかを知ることができるようにするためです。これがドラッグアンドドロップする実行中のコードです。

[http://jsfiddle.net/coolanuj/7683X/25/]

4

2 に答える 2

2

ドロップ関数でイベントのsrcElementを選択し、そこから移動します。

drop: function(event, ui) {
    $(event.srcElement).css('color', 'green');
    $(this).find(".placeholder").remove();
    $("<li></li>").text(ui.draggable.text()).appendTo(this);
}
​
于 2012-11-07T14:08:46.983 に答える
1

どのようにあなたのliをドラッグ可能にしますか? jQuery UI経由？もしそうなら、あなたはイベントを使うことができますstop( event, ui )

ドラッグが止まるとトリガーされます。

stop() でイベントハンドラを呼び出すことができます。

jQuery:

$('body').on('stop','#dialogIteration',function(){

// highlight your dragged <li> item
$(this).toggleClass('highlight',true);

});

CSS:

.highlight{
background-color: yellow;
}
于 2012-11-07T14:04:10.740 に答える