jquery - 在 Django 模板或 Jquery 中实现选项卡

Question

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

Answer 1

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

不使用 javascript/jquery

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

使用 jQuery

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

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

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

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

概括

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

Answer 2

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

为了实现这一点，你需要使用 jQuery 这个链接 1和链接 2会给你一些想法。

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