如何在Django模板中创建多个折叠功能 - javascript

我创建了一个django模板，该模板显示主题列表，并且我想为每个主题创建折叠功能，以便在单击它时显示可用的书籍。
现在我已经使用了Django模板功能

{% for subject in subjects%}
 <span data-subject="{{subject.id}}" data-toggle="collapse" data-target="#books_list">
    {{subject.name}}
 </span>
<div id="books_list">
{% for book in subject.books_set.all %}
<span>{{book.name}}</span>
{% endfor %}
</div>
 {% endfor %}

现在，当我单击任何一个主题时，它将打开第一个主题的书籍列表。
我如何确保在单击特定主题时仅打开自己的书。

参考方案

您要为多个元素赋予相同的ID，这从来都不是一个好主意，您可以将主题的ID附加到元素的target / id上，以为其赋予唯一的ID

{% for subject in subjects %}
    <span data-subject="{{subject.id}}"
          data-toggle="collapse" 
          data-target="#books_list{{ subject.id }}">
       {{subject.name}}
    </span>
    <div id="books_list{{ subject.id }}">
        {% for book in subject.books_set.all %}
            <span>{{book.name}}</span>
        {% endfor %}
    </div>
{% endfor %}

Javascript-从当前网址中删除查询字符串 - javascript

单击提交按钮后，我需要从网址中删除查询字符串值。我可以用jQuery做到这一点吗？当前网址：siteUrl/page.php?key=value 页面提交后：siteUrl/page.php 实际上，我已经从另一个带有查询字符串的页面着陆到当前页面。我需要在页面首次加载时查询字符串值以预填充一些详细信息。但是，一旦我提交了表格，我就需要删除查询字符串值。我已…

什么是最好的免费JavaScript模糊处理程序，可以作为javascript库或python库使用 - javascript

我关注这篇文章：Free JavaScript obfuscators?找到一个JavaScript混淆器，可以帮助我在客户端混淆一些JavaScript数据。但我发现这些选择都不是python或javascript lib，they use java，我使用django，所以我想知道，最好的免费JavaScript混淆器是javascript库或pytho…

在提交时在表单操作中获取变量丢失 - javascript

            当表单由onchange事件提交时，它不会保留get变量view。任何想法为什么会发生这种情况？提交后，这是它进入的网址，index?month=February&year=2014<form action="index?view=list" class="pure-form pure-fo…

Mongo汇总 - javascript

我的收藏中有以下文件{ "_id": ObjectId("54490b8104f7142f22ecc97f"), "title": "Sample1", "slug": "samplenews", "cat": …

选择后显示输入元素 - javascript

我有一个表格，其中取决于用户的选择，输入元素是否可见。实际上，用户正在以另一种形式设置已定义的合作伙伴类型，并且如果选中该元素，则允许在该类型的合作伙伴上可见的元素类型1将显示以下元素：<input type="text" id="partner" name="partner" class=&…