使用jquery重新排列div层次结构

在成功回调中,可以使用appendTo重新排列div。或者,您可以返回json并在成功回调中构建div。

 $('#status').appendTo('#realTarget');

编辑 :检查后,appendTo本身执行您需要它执行的操作,而不会丢失事件处理程序。

我最终用json构建了div(不过,div的html嵌入为字符串)

代码如下:

$(document).ready(function () {
    var options = {
        beforeSubmit: showRequest,  // pre-submit callback 
        success: showResponse,  // post-submit callback 
        dataType: 'json'
    };
    $('#myForm').ajaxForm(options);
});

function showResponse(data) {
    $('#statusTarget').html(data.status);
    $('#boardcontainer').html(data.board);
};

它可以工作,并且每次提交表单时,都会用新的html替换#statusTarget和#boardTarget。