重新加载div没有外部文件

Question

我有一个图像列表，我可以订购。 我用这个代码订购图片：

$(document).ready(function(){ 

    $(function() 
    { 
     $("#subafbeelding ul").sortable(
     { 
      opacity: 0.6, 
      cursor: 'move', 
      update: function(){ 
       var order = $(this).sortable("serialize") + '&action=updateRecordsListings'; 
       $(".hoofdafbeelding").load("foo.php"); 
       $.post("updatevolgoorde.php", order, function(theResponse) 
       { 
        $("#contentRight").html(theResponse); 

       });                
      }         
     }); 
    }); 
}); 

后

$("#contentRight").html(theResponse); 

我要重新加载DIV headimg。 我该如何做到这一点？

祝您有愉快的一天。

Answer 1

您可以采取的一种选择是在加载页面时制作html的副本。将它存储在一个隐藏的元素中，然后当你想'重新加载'html时重新使用它。

像这样：

$("#storage").html($("#original").html()); 

function addEvents() { 
    $("#original ul").sortable({ 
     opacity: 0.6, 
     cursor: 'move', 
     update: function() { 

     } 
    }); 
} 
addEvents(); 

$("#reset").click(function (e) { 
    e.preventDefault(); 
    $("#original").html($("#storage").html()); 
    addEvents(); 
}); 

其上下面的HTML工作的：

<div id="original"> 
    <ul> 
     <li>one</li> 
     <li>two</li> 
     <li>three</li> 
    </ul> 
</div> 
<div id="storage"></div> 
<div> 
    <a id="reset">reset</a> 
</div> 

Here is a working example.