引导模式对话框未在 jsRender 脚本模板中显示答案

【问题标题】：Bootstrap modal dialog not displaying inside jsRender script template引导模式对话框未在 jsRender 脚本模板中显示
【发布时间】：2013-05-09 16:02:11
【问题描述】：

我正在尝试将 Bootstrap 与 jsRender 一起使用。在大多数情况下，我的数据正在正确显示。我只是无法在 Bootstrap 模式对话框中显示数据。

我有以下代码。

<script id="progDetailsTemplate" type="text/x-jsrender">

        <!-- NOTES MODAL -->
        <div id="notesModal" class="modal  fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header tw-modal-header">
            <button type="button" class="close tw-close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel">Notes...</h3>
            </div>
            <div class="modal-body tw-modal-body">
                {{for Notes}}
                <p>
                    <strong>{{>CreatedDate}} ({{>FirstName}} {{>LastName}})</strong><br />
                    {{>Value}}  
                </p>
                {{/for}}
            </div>
            <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
            </div>
        </div><!-- END NOTES MODAL -->

</script>
<div>
    <table id="programmeDetails" class="table table-bordered table-condensed">

    </table>
</div>

模态对话框应该可以在没有我测试过的任何 JS 的情况下工作，但它只适用于模态 div 位于脚本标记之外的情况。

关于如何使对话框出现在 jsRender 脚本标签内的任何想法？

【问题讨论】：

我没有 100% 关注。对不起。你怎么称呼模板？
我正在调用一个这样的函数： $("#programmeDetails").html( $("#progDetailsTemplate").render(selectedProg) );变量“selectedProg”是一个 JSON 对象

标签： twitter-bootstrap jsrender

【解决方案1】：

没关系，我决定解决这个问题的唯一方法是放弃 Bootstrap。我只使用 jQueryUI 作为我需要的对话框。很遗憾 Bootstrap 模态对话框不起作用。

【讨论】：

【解决方案2】：

Check demo here

实际上我删除了 {{>Value}} 之前的“br”标签。奇怪的是，“br”标签引起了一些问题

【讨论】：