jquery - 如何制作一个加载页面一次的 jQuery 水平选项卡

标签 jquery jquery-tabs

我想要一个 jQuery 水平选项卡 Pane (下面的屏幕截图),其中单击选项卡会在 div 中加载外部页面,但在加载后单击它不会再次加载页面。

有 7 个选项卡 Wall , Latest , Discussion , Poll , Club Message , Create .

/image/Y2tTx.jpg

可以在此处查看演示 http://www.web-shine.in/tabs/

我希望选项卡加载一次页面,下次用户单击它时,它应该显示来自浏览器缓存的页面,而不是来自服务器的页面。

编写此代码的最佳方法是什么?

最佳答案

使用one()功能。

例如:

$("#foo").one("click", function() {
  alert("click can only be done once.");
});

更新

如果您尝试缓存 Ajax 响应,以便与原始 Ajax 选项匹配的后续 Ajax 请求将返回缓存的响应,而不是进行新的调用,那么我强烈建议使用这个出色的 jQuery 插件 http://plugins.jquery.com/project/ajax-cache-response

关于jquery - 如何制作一个加载页面一次的 jQuery 水平选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5498851/

相关文章:

jQueryUI 自动完成 - 将搜索结果与 DOM 中的输入相邻放置

jquery - 使用 Laravel 重新加载 DataTables AJAX

javascript - Jquery load() 使页面刷新

jQuery Mobile 选项卡禁用() : Uncaught Error: jQuery UI Tabs: Mismatching fragment identifier

javascript - 如何在 Jquery 的选项卡中包含选项卡...?

javascript - HTML/JavaScript 标签优雅降级

javascript - signalr 异步响应 javascript 回调

javascript - jquery datatable 表工具导出到 Excel 未向我显示文件中的表数据

jQuery UI 选项卡最小样式

JQuery 选项卡 UI 集成