編集成功！postme

朝布団の中で編集のことを考えていたら別の方法を思いついた

つまりドロップしたときに既にあるフォームのデータを差し替えるのではなく

そこではじめてフォームを作るようにする

早々実装したらなんとうまくいったよ！

ここにはいろいろと教訓があるな

時間を置けとか別の方向から攻めろとか

 

  $("#edit_area").droppable({

over: function(){

size_effect(this, area_W, area_H*2);

},

    drop: function(event, ui){

 $(ui.draggable).fadeOut("slow");

 var id = ui.draggable.attr("id").split('_')[1];

 $.get('/'+id, function(data){

var data = $(data).find("#ed_area").text();

   $("#edit_form").append("<form id='ed_form' action='/"+id+"' method='POST'><input type='hidden' name='_method' value='PUT'></input><textarea class='rounded {5px}' id='ed_area' name='edit_body' rows='6' cols='25' >"+data+"</textarea><br/><input id='edit_btn' type='submit', value='Edit'></input></form>");

 });

 $("#post_form").css("display", "none");

 size_effect(this, area_W, area_H)

    },

out: function(){

 size_effect(this, area_W, area_H);

}

  });