动态生成数据目标

时间:2015-11-28 02:08:14

标签: javascript html5 twitter-bootstrap meteor bootstrap-modal

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

问题在于我动态生成hrefdata-target的ID,并且在模式内不会触发折叠事件。

设置我可能遗忘的动态hrefdata-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>

1 个答案:

答案 0 :(得分:0)

不要介意,已经在另一个地方设置的动态ID。

所以,总是跟踪你在哪里使用这个该死的ID:P