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" 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 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>

使用带ID的模态

1 个答案: