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.

重新加载div没有外部文件

1 个答案: