Question

我在一些测试页面中成功使用了jQuery UI.Layout Plug-in，但是当我尝试在AJAX网站中集成布局时，我失败了。

当我加载使用布局的页面时，第一次一切正常，但第二次尝试加载相同的页面布局插件时不起作用。简化我已经注意到问题不是AJAX，而是布局插件。这是我发现的最简单的例子：

function m() {
    $("body").html('xxx');
}

function m2() {
    $("body").html('<div class="ui-layout-west">west</div><div class="ui-layout-east">east</div><div id="mainContent"></div>')
    outerLayout = $("body").layout( layoutSettings_Outer );
}

$(document).ready( function() {
    m2();

    setTimeout("m()", 3000);
    setTimeout("m2()", 5000);
});

加载文档时，布局正常。 3秒后布局消失（如预期），2秒后原始页面返回，但每个DIV的工作方式就像没有加载布局插件一样。

Answer 1

我会回答我自己的问题：

outerLayout.destroy（）解决了这个问题。如果卸载任何布局DIV，则必须调用它。在这种情况下，只需在 $（“body”）之前调用 destroy（） .html（'xxx'）; （m（）函数中的第一行）。

如何在AJAX网站中集成jQuery UI.Layout插件？

1 个答案: