动态生成数据目标

Question

我正在使用 Meteor 和 Bootstrap 开发一个项目，我需要用一堆手风琴动态填充模态；直到那里，好的。

问题是我动态生成了href 和data-target 的ID，并且在模态内部不会触发折叠事件。

设置动态href 和data-triggers 是否有我可能忘记的特殊例外情况？

html:

<template name="BaseModal">
<div class="modal fade">
    <div class="modal-dialog modal-lg modal-scroll" id="briefing-modal">
        <div class="modal-content">

            <div class="modal-header">
              <h4 class="modal-title">Briefing Eletrônico</h4>
            </div>

            <div class="modal-body" style="overflow: scroll;">
              <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                {{#each userAmbientList}}
                <div class="panel panel-default">
                  <div class="panel-heading" role="tab" id="headingOne">
                    <h4 class="panel-title">
                      <a role="button" name="{{id}}" data-toggle="collapse" data-parent="#accordion" href="#{{id}}" aria-expanded="true" aria-controls="{{id}}">
                        {{name}} {{complement}}
                      </a>
                    </h4>
                  </div>
                  <div id="{{id}}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
                    <div class="panel-body">
                      {{id}}
                    </div>
                  </div>
                </div>
                {{/each}}
              </div>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
            </div>
        </div>
    </div>
</div>

Answer 1

别介意，动态id已经在别的地方设置了。

所以，请始终跟踪您在哪里使用这个该死的 id：P