jquery - 如何在模态弹出引导程序中动态显示信息

Question

我想显示一个模式弹出窗口bootstrap。这个模式应该显示应该动态放置的信息。我想要的是在nome articolo ecc ecc 中显示一个名称。这是我到目前为止所做的。

    <span class="btn-group">
    <a href="#responsive" role="button" class="btn btn-small" data-toggle="modal" data-id="prova"><i class="icon-pencil"></i></a>
</span>


                <!-- Modal Definitions (tabbed over for <pre>) -->
<div id="responsive" class="modal hide fade" tabindex="-1" data-width="760">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h3>Inserisci Articolo</h3>
  </div>
  <div class="modal-body">
    <div class="row-fluid">
      <div class="span12">
        <p>Codice Barre  <input type="text" class="span12" name="codiceBarre" id="codiceBarre" /></p>
        <p>Nome Articolo <input type="text" class="span12" /></p>
        <p>Quantit&agrave;  <input type="text" class="span12" /></p>
      </div>

    </div>
  </div>
  <div class="modal-footer">
    <button type="button" data-dismiss="modal" class="btn">Chiudi</button>
    <button type="button" class="btn btn-primary">Salva</button>
  </div>
</div>

Answer 1

当然对于显示模式使用：http: //twitter.github.io/bootstrap/javascript.html#modals

在里面：

$('#responsive').modal(options)

如果要动态追加这个 div 的内容，只需将内容追加到 div 中

$('#responsive').append(content) or $('#responsive').html( content )

然后显示模态

$('#responsive').modal('show')