Jquery ui中只更新选项卡1中的内容,而不更新选项卡2和选项卡3中的内容


Content in only tab 1 is updated in Jquery ui, not tab 2 and tab 3

我使用Jquery UI创建了选项卡,对于每个选项卡,当用户打开该选项卡时,该选项卡显示用户要编辑的原始图像,然后编辑后的文件保存在服务器中。然后,编辑后的图像从服务器上检索出来,通过使用相同的选项卡显示给用户

当用户使用第一个选项卡时,它会正确显示原始图像和更新的图像,但当他使用任何其他选项卡时,该选项卡只加载原始图像,而不会显示更新的图像——尽管它已成功保存在服务器中。

您应该查看控制台信息(Firefox的Firebug中的Net选项卡),以检查请求何时发布到服务器。如果帖子是在图片保存到服务器之前,你可以很容易地找到出路。如果不是,请检查是否是jQuery选项卡缓存导致的错误。

以下是启用缓存的方法。当您第一次单击选项卡时,将加载这些选项卡。如果这是在您更改了另一个选项卡中的图像之后,这应该可以工作。

$("#rightTabs").tabs({
    cache: true
});
$("#rightTabs").tabs("option", "cache", true );