使用Django和Bootstrap动态选项卡

Question

当我使用Bootstrap Dynamic Tabs时，它要求我在列表锚标记中使用id。而我宁愿使用网址到{% url 'incidents:report' %}这样的django页面。如何让它使用django url并仍然保持功能？

Answer 1

Bootstrap动态标签通过隐藏/显示特定div中的内联内容来工作。您需要通过某种脚本（如AJAX请求）或iframe来内联加载内容：

<div id="menu1" class="tab-pane fade">
  <iframe style="border:none" src="{% url 'incidents:report' %}"></iframe>
</div>