在Jquery UI中切换选项卡时的内容保留

Question

我有两个标签，一个标签包含表格和网格，另一个包含表格。因此，当第一个标签加载时，网格会获取所有数据并加载它。但是，当我切换到其他选项卡并切换回来时，这会丢失网格数据并需要再次加载，任何编辑都会丢失标签数据本身也不会保存。

有没有办法在切换时保留标签数据，因此标签只加载一次，然后在从不同标签切换回来时保留该数据。

我希望我能清楚这个问题。

由于 GMK

<script
$(function() {
$( "#tabs" ).tabs();
});
</script>
<div id="tabs">
 <ul>
<li><a href="tab1.do?method=load">tab1</a></li>
 <li><a href='tab2.do'>tab2</a></li>
 </ul>

这是基本标签。

在每个标签中都有一个表格和网格，它太大而无法发布。现在，当我在选项卡之间切换时，每个选项卡都需要重新加载数据，而不是保留以前加载的数据。

我该如何避免这种情况。？

Answer 1

我实际上从这里得到了答案 jQuery UI Tabs: How to switch to a (ajax) tab without reloading it? Touhid的答案为我工作。