jquery - 重新加载 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 标题。我怎样才能做到这一点？

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>

这是一个工作示例。