我可以通过 ajax 加载 JQuery 选项卡而不是在选项卡切换时中止吗?
我正在使用 JQuery UI 选项卡通过 ajax 加载内容,如下所示:
$('#tabsElem').tabs({ajaxOptions:{cache:false},
cache:true);
考虑这一系列事件:
- 显示选项卡。
- 发出 ajax 请求时会显示加载图标。
- 用户选择另一个选项卡。
- ajax 请求尚未返回,因此被中止。
- 用户返回到原始选项卡。
- 选项卡的内容现在为空,并且由于缓存而不会重新发送 ajax 请求。
我想你可以看到最后一部分是有问题的。我研究了几个选项,但还没有什么感觉很好的。有什么漂亮的解决方案吗?
I'm using JQuery UI tabs loading content via ajax like this:
$('#tabsElem').tabs({ajaxOptions:{cache:false},
cache:true);
Consider this series of events:
- Tabs are displayed.
- A loading icon is shown while an ajax request is made.
- The user selects another tab.
- The ajax request hadn't returned yet so it is aborted.
- The user returns to the original tab.
- The tab's content is now empty and the ajax request will not be resent because of the caching.
I think you can see that last part is a problem. I've looked into a few options but nothing feels great yet. Any beautiful solutions out there?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
事实证明,解决方案是更新您的 JQuery UI 版本。
我描述的结果发生在版本 1.8.6 上。在版本 1.8.16 上,当您返回到原始选项卡时,会再次发出已中止的 ajax 请求。
感谢 jQuery
Turns out the solution is to update your version of JQuery UI.
The results I described happen on version 1.8.6. On version 1.8.16 when you go back to the original tab the aborted ajax request is made again.
Thanks JQuery