2016-10-02 18 views
0

IDとhrefのレンダリングに{{forloop.count}}または{{object.pk}}を使用すると、折りたたみは機能しませんが、IDとhrefをハードコードすると正しく動作します。ここで何が問題になるのでしょうか?Django + Bootstrap + Collapse + Item.PK =問題

マイテンプレート:

{% for Entry in object_list %} 
    <li style="list-style-type: none; margin-bottom: 2px;"> 
     <a data-toggle="collapse" href="#{{ Entry.pk }}">+</a> 
     <big><a style="text-decoration: none;" target="_blank" href="{{ Entry.url }}">{{ Entry.title }}</a></big> <small style="color: tomato;">[{{ Entry.tickers|upper }}] </small><small style="color: silver;">[{{ Entry.domain }}] <i>{{ Entry.timestamp|shortnaturaltime }}</i> </small> 
     <div class="collapse" id="{{ Entry.pk }}">{{ Entry.summary }}</div></li> 
{% empty %} 
    <li>No listings yet.</li> 
{% endfor %} 

HTML:

<li style="list-style-type: none; margin-bottom: 2px;"> 
     <a data-toggle="collapse" href="#666743">+</a> 
     <big><a style="text-decoration: none;" target="_blank" href="http://title.io">Title</a></big> <small style="color: tomato;">[TAG] </small><small style="color: silver;">[title.io] <i>4h</i> </small> 
     <div class="collapse" id="666743">La marca y el logo que en...</div></li> 

これは正常に動作します:

<a data-toggle="collapse" href="#collapse">+</a> 
<div class="collapse" id="collapse">Craft beer labore wes anderson cred nesciunt sapiente ea proident.</div> 

答えて

0

作業溶液使っボタン:

<button type="button" data-toggle="collapse" data-target="#{{ Entry.pk }}" aria-expanded="false" aria-controls="{{ Entry.pk }}">+</button> 
関連する問題