Jquery UI,Json后可拖放的追加克隆
我一直在玩弄这一行代码,试图让它正常运行,但没有成功。我决定在这里发布,希望有人能提供帮助 我的问题围绕jqueryui,它使用了DRAGGABLE/dropable和Json。这是我的密码:Jquery UI,Json后可拖放的追加克隆,jquery,json,jquery-ui,draggable,droppable,Jquery,Json,Jquery Ui,Draggable,Droppable,我一直在玩弄这一行代码,试图让它正常运行,但没有成功。我决定在这里发布,希望有人能提供帮助 我的问题围绕jqueryui,它使用了DRAGGABLE/dropable和Json。这是我的密码: $('.drag').draggable({ helper: 'clone' }); $(".drop").droppable({ drop: function(e, ui) { var dataString = 'type='+ui
$('.drag').draggable({
helper: 'clone'
});
$(".drop").droppable({
drop: function(e, ui) {
var dataString = 'type='+ui.draggable.clone().find('.type').attr('id')+'&update=update';
$.ajax({
url: 'phphandler.php',
type: 'POST',
data: dataString,
dataType: 'json',
success: function(json) {
$(this).append(ui.draggable.clone().html(json.Data));
},
error: function() {
alert(ui.draggable.clone().html);
}
});
}
});
我的HTML基本上是:
<div class="drag">Object</div>
<div class="drop"></div>
对象
我所要做的就是在成功后将克隆添加到drop,或者在成功后更改克隆的html
注意:我可以在Ajax请求之前进行追加,但在成功后无法更改克隆的HTML。请注意函数的范围 试一试 或
服务器的响应是什么???
code
基本内容
$.ajax({
url: 'phphandler.php',
type: 'POST',
data: dataString,
dataType: 'json',
context: this,
success: function(json) {
$(this).append(ui.draggable.clone().html(json.Data));
},
error: function() {
alert(ui.draggable.clone().html);
}
});
var dataString = 'type='+ui.draggable.clone().find('.type').attr('id')+'&update=update';
var tmp = $(this);
$.ajax({
url: 'phphandler.php',
type: 'POST',
data: dataString,
dataType: 'json',
success: function(json) {
tmp.append(ui.draggable.clone().html(json.Data));
},
error: function() {
alert(ui.draggable.clone().html);
}
});