jQuery UI.LayoutプラグインをAJAXサイトに統合する方法は？

Question

いくつかのテストページでjQuery UI.Layout Plug-inを使用しましたが、AJAX Webサイトでレイアウトを統合しようとしたときに失敗しました。

レイアウトを使用するページを読み込むと、最初はすべてOKですが、2回目に同じページレイアウトのプラグインを読み込もうとすると機能しません。簡略化問題は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); 
}); 

ドキュメントがロードされると、レイアウトはOKです。 3秒後にレイアウトが消え、2秒後に元のページに戻りますが、すべてのDIVはレイアウトプラグインが読み込まれていないかのように動作します。

Answer 1

私は自分の質問にお答えします：

outerLayout.destroyを（）は、問題が解決します。レイアウトDIVをアンロードする場合は、このメソッドを呼び出す必要があります。この場合、を$（ "body"）の直前にdestroy（）の直前で呼び出してください。html（ 'xxx'）;（m（）関数の最初の行）。