阻止选项卡缓存jquery-ui

Question

我使用jquery-ui完成了一组选项卡。 我不希望缓存标签内容。所以我正在做以下事情：

$(".leftPanel").tabs(
  {cache : false,
   ajaxOptions : {
     cache : false,
     error : function(xhr, status, index, anchor) {
               $(anchor.hash).html("Oops ... There was an error");
             }
   }
});

这很有效，每当我切换标签时它实际上都会取数据。 第一个标签有jquery datatable。第二个选项卡有一个带有按钮的表单，用于创建另一个数据表。

现在，当第二个选项卡中生成的数据表为空时，会出现问题。正确生成此数据表。但是，当我切换到tab1时，数据表中的先前值存在“Flash of Unstyled Content”。然后会显示一条警告，说“DataTables warning（table id ='table-2'）：从第0行的数据源请求未知参数'1'”。 请注意，当第二个表为空时会发生这种情况。我需要解决这个问题。

提前致谢！

更新： 更多信息： 当我隐藏警报时，选项卡1中的表格会刷新并显示正确的信息。但警报很烦人。我需要正确的方法摆脱它。请注意，它仅在第二个选项卡中的表为空时发生。

Answer 1

我发现问题不是由标签缓存引起的。我在具有特定类的所有对象上调用该方法，而我应该在具有特定id的元素上执行该方法。