Wie kann ich ein modales Bootstrap-Div wiederverwenden?

Ich möchte, dass mehrere verschiedene Links auf einer Seite einen modalen Div über das modale Plugin von Bootstrap wiederverwenden:

<h3>This button shows a modal (<code>#utility</code>) with text "Phasellus <em>tincidunt gravida</em>..."</h3>
<br />
<a id="file_attach" data-toggle="modal" href="http://fiddle.jshell.net/jhfrench/6K8rD/show/" data-target="#utility" class="btn">Modal 1</a><br />
<h3>This button should invoke the same modal (<code>#utility</code>), but fill it with text "Phasellus <em>egestas est eu</em>..."</h3>
<br />
<a id="file_attach" data-toggle="modal" href="http://fiddle.jshell.net/jhfrench/AWSnt/show/" data-target="#utility" class="btn">Modal 2</a><br />

<!-- Modal -->
<div id="utility" 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">&times;</button>
    <h3 id="myModalLabel">Click outside modal to close it</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…this is getting replaced with content that comes from passed-in href</p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>

Ich würde erwarten, dass das Klicken auf einen der Links (die als Schaltflächen gestaltet sind) das Modal aufrufen und das Modal mit der Seite laden würde (Wert vonhref) entsprechend der angeklickten Schaltfläche. Stattdessen wird das Modal immer mit dem Inhalt des Links geladen, auf den Sie zuerst klicken. Das Modal wird nicht mit Inhalten "aktualisiert", die von diktiert werden solltenhref des "anderen" Links.

Ich denke, dies ist ein Bootstrap-Fehler, aber ich stelle die Frage hier, falls ich es falsch verwende.

Bitte sehen Siehttp://jsfiddle.net/jhfrench/qv5u5/ für eine Demonstration.

Antworten auf die Frage(2)

Ihre Antwort auf die Frage