IDを持つモーダルを使用する

Question

カテゴリのモーダルをポップしたいカテゴリのIDを与えたいので、それに対応するTOSを与えることができます。私はここで、であり、モーダル自体がロードされない唯一の問題は、私はグレーを得ることにあるコードを持って私のコードです：

<div class="hiddenCategories" style="display: none" id="category{{category.id}}"> 
{%if category.getProvider%}<p>{{ 'webstoresettings.warning'|trans}}</p>{%endif%} 
<p>{{category.getShortTermsOfService}}</p> 
<p> 

<p> 
    <input type="checkbox" id="tos{{category.id}}" /> 
    <label for="tos{{category.id}}">{{ 'webstoresettings.confirm'|trans}} <a href="#modal" data-target="modal"class="modal-trigger">{{ 'webstoresettings.tos'|trans}}</a> (click to read)</label> 
</p> 

<!-- <input type="checkbox" id="{{category.id}}" /> --> 

<!-- Modal Structure --> 
<div name="modal" id="modal" class="modal"> 
    <div class="modal-content"> 
     <h4>{{ 'webstoresettings.tos'|trans}}</h4> 
     <p>{{category.getTermsOfService}}</p> 
    </div> 
    <div class="modal-footer"> 
     <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat ">Ok</a> 
    </div> 
</div> 
</p> 

Answer 1

私はそれを考え出した、私自身は、参照することを考えましたモーダルに間違っていた。しかし、それは

<div name="modal{{category.id}}" id="modal{{category.id}}" class="modal"> 
<div class="modal-content"> 
    <h4>{{ 'webstoresettings.tos'|trans}}</h4> 
    <p>{{category.getTermsOfService}}</p> 
</div> 
<div class="modal-footer"> 
    <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat ">Ok</a> 
</div> 

に変更されているはずのIS

<div name="modal" id="modal" class="modal"> 
<div class="modal-content"> 
    <h4>{{ 'webstoresettings.tos'|trans}}</h4> 
    <p>{{category.getTermsOfService}}</p> 
</div> 
<div class="modal-footer"> 
    <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat ">Ok</a> 
</div> 

ませんでした