Django 深度链接使用#tag 渲染

Question

我正在尝试通过在末尾添加 #panel1 来使用 Dango 深入 Link 选项卡。

这就是所需的模板：

template = "charts/chart1.html#panel1"
return render ( request, template, context )

但很明显，一旦我添加了主题标签，Django 就无法找到该模板。

有没有办法解决这个问题？

谢谢。

https://foundation.zurb.com/sites/docs/tabs.html

Answer 1

# ( hashbang ) 之后的任何内容甚至都不会发送到 Django 网络服务器。您必须按照 Javascript 中的逻辑进行操作。请考虑将所有图表代码添加到 charts/chart.html，我认为添加 tabs class 足以进行切换。

观看次数

template = "charts/chart.html"
return render ( request, template, context )

html

<ul class="tabs" data-tabs id="example-tabs">
  <li class="tabs-title is-active"><a href="#panel1" aria-selected="true">Tab 1</a></li>
  <li class="tabs-title"><a data-tabs-target="panel2" href="#panel2">Tab 2</a></li>
</ul>

而且如果您正在寻找 JS 参考 here

Answer 2

我不是 javascript 人，但我让它起作用了。也许可以改进？

我在视图中设置标签位置：

tab = '#panel2v'

然后调用Foundation JS。

$('[data-tabs]').eq(0).foundation('selectTab', $('{{tab}}'));

希望对您有所帮助？干杯。

Django 深度链接使用#tag 渲染

Django Deep Linking render with #tag

django

tabs

django-templates

deep-linking