ドラッグアンドドロップ機能のテスト中に問題が発生しました。画像をテキストエリアにドラッグ可能にする必要があります。ドロップすると、テキストは「data-twname」カスタムhtml属性内に保存されているTwitterユーザー名によって追加されます。
textarea内にテキストを入力すると、問題が発生します。後続のドラッグアンドドロップでは、最初は機能していても、Twitter名がテキストに追加されません。これは私が使用するjQueryコードです:
$(".draggie").draggable({
containment: "parent",
cursor: "move",
revert: true,
revertDuration: 100
});
var targetName;
$(".draggie").mousedown(function(){
targetName = $(this).attr("data-twimage");
});
$("#textCompose").droppable({
accept: ".draggie",
drop: function(event) {
$("#textCompose").append(targetName);
}
});
明確にするために、ここでデモを作成しました:デモリンクをドロップ