0

我正在尝试将 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 脚本标签内的任何想法？

4

2 回答 2

0

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

于 2013-05-13T14:21:41.320 回答
0

在这里查看演示

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

于 2013-05-14T13:02:46.260 回答