$ .POSTの結果を簡単にアクセスして使用しますか?
質問
ユーザーがページの左側にあるアイテムを検索し、ショッピングカートのような右に必要なアイテムをドラッグアンドドロップできるページを作成しようとしています。
私は使用しています
$(function() {
$(".result").draggable({
helper: function(event, ui) {
return $(this).clone().children("img");
}
});
$("#rightcol").droppable({
accept: ".result",
drop: function(event,ui){
$(this).append($(ui.draggable).clone());
//console.log($(ui.draggable));
}
});
});
私が望んでいた方法で動作するドラッグアンドドロップの場合、しかし、ユーザーが新しい検索を送信すると、ユーザーが右側(#rightCol)にドラッグするものはすべて失われます。私はフォームを変更して、このようなjQueryでajaxを使用するように送信を試みました
$(document).ready(function() {
$("#form").submit( function () {
$.post(
'p_search.php',
$(this).serialize(),
function(data){
//data is what i want to be draggable
//call other function here
$(".build").html(data).load();
}
);
return false;
});
});
これはうまく機能しますが、div(.result)はドラッグできません。ページを更新せずに(.result)要素を簡単に初期化する方法はありますか?
解決
それらが作成されたため、それらはドラッグできないと思います 後 ドラッグ可能なアイテムを定義しました。
(意味 - それらは後に作成されます $(".result").draggable(...
電話。)
私はあなたが見てみるべきだと思います 住む()
所属していません StackOverflow