0

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 が script タグの外側にある場合のみです。

ダイアログをjsRenderスクリプトタグ内に表示する方法についてのアイデアはありますか?

4

2 に答える 2

0

ここでデモをチェック

実際、{{>Value}} の前にある「br」タグを削除しました。奇妙なことに、「br」タグが問題を引き起こしています

于 2013-05-14T13:02:46.260 に答える