在 Django 模板或 Jquery 中实现选项卡答案

【问题标题】：Implemetation of tabs in Django templates or Jquery在 Django 模板或 Jquery 中实现选项卡
【发布时间】：2013-01-05 13:06:26
【问题描述】：

我正在构建一个带有标签导航的 django 应用程序。当点击选项卡时，只有页面的中间部分发生了变化，其余部分保持不变。我还想在有人单击选项卡并加载它时放置一种加载信号。如果 django 模板可以工作或者我应该使用 jquery，请帮助我。

【问题讨论】：

【解决方案1】：

忽略加载信号，有多种方法可以实现您所追求的结果。

不使用 javascript/jquery

每个被点击的标签都会完成一次完整的页面加载。可以使用 Django 模板来填充屏幕的公共部分，中间可以根据单击的选项卡进行渲染。您可以使用模板继承来避免重复。如果没有 javascript 的帮助，在单击新选项卡后重新加载页面期间可能无法显示信号。

使用 jquery

使用 jquery，可以使用 AJAX 从服务器请求刚刚单击的选项卡的页面内容。由您决定将哪些数据作为来自 Django 的 AJAX 请求的一部分。

您可以选择让 Django 提供数据的 JSON 表示，内容由执行格式化的 javascript 库在客户端处理。在这种情况下，不需要模板。

或者，您可以让 Django 将每个选项卡的数据作为呈现的 HTML 提供，您只需将其插入 DOM 客户端。在这种情况下，您可能会使用 Django 模板来格式化选项卡 HTML 数据。

使用任何 javascript 选项，都可以将事件处理程序附加到显示适当加载信号的加载函数。

总结

回答您关于是否使用 jquery 或模板的问题？这取决于。您可能想同时使用两者。

【讨论】：

【解决方案2】：

我还在我的 Django 应用程序中实现了相同的选项卡概念 :)，

要实现这一点，你需要使用 jQuery，link1 和 link2 会给你一些想法。

如果您只想加载单击的选项卡内容，请使用 Jquery 单击事件和 Ajax 调用，请参阅 this

【讨论】：