防止标签缓存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 警告（表 id = 'table-2'）：从第 0 行的数据源请求未知参数 '1'”。 请注意，当第二个表为空时会发生这种情况。我需要解决这个问题。

提前致谢！

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

Answer 1

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