javascript - 在模态（菜鸟）中从 javascript 访问变量

Question

如何让模型名称显示在模态中。换句话说，我如何正确地将变量从 javascript 传递给我的模态？

我有以下 javascript：

<script type="text/javascript">
$(document).on("click", ".cadlib", function () {
     var modelname = $('#modelname').text();
     $('#myModal').modal('show');
});

还有一个模态对话框：

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">My Modal</h3>
</div>
<div class="modal-body">
Here's all the info you would want to know about {{modelname}} 
</div>
</div>

Answer 1

使用可以定位的占位符元素 - 替换{{modelname}}为<span id="modelnameplaceholder"></span>. 然后，您可以执行以下操作：

$('#modelnameplaceholder').replaceWith(modelname);

参考：http ://api.jquery.com/replaceWith/

示例 jsFiddle：http: //jsfiddle.net/G82mk/

Answer 2

在这一行之后：

var modelname = $('#modelname').text();

添加这个：

$('#myModal .modal-body').html($('#myModal .modal-body').html().replace('{{modelname}}', modelname));