我有一组使用 jquery-ui 完成的选项卡。我不想缓存选项卡内容。所以我正在做以下事情:
$(".leftPanel").tabs(
{cache : false,
ajaxOptions : {
cache : false,
error : function(xhr, status, index, anchor) {
$(anchor.hash).html("Oops ... There was an error");
}
}
});
这有效,并且每当我切换选项卡时它实际上都会获取数据。第一个选项卡有一个jquery 数据表。第二个选项卡有一个带有按钮的表单,该按钮创建另一个数据表。
现在,当第二个选项卡中生成的数据表为空时,就会出现问题。此数据表已正确生成。但是当我切换到 tab1 时,数据表中的先前值会出现“Flash of Unstyled Content”。然后会显示一条警报,显示“DataTables 警告(表 id = 'table-2'):从第 0 行的数据源请求未知参数 '1'”。请注意,当第二个表为空时会发生这种情况。我需要解决这个问题。
提前致谢!
更新:更多信息:当我隐藏警报时,选项卡 1 中的表格会刷新并显示正确的信息。但是警报很烦人。我需要正确的方法来摆脱它。请注意,仅当第二个选项卡中的表格为空时才会发生。