Question

我试图在jsRender中使用Bootstrap。在大多数情况下，我的数据正确显示。我在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脚本标记内的任何想法？

Answer 1

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

Answer 2

Check demo here

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

Bootstrap模式对话框不显示在jsRender脚本模板中

2 个答案: