リモート コンテンツを持つモデルによって呼び出された、リモート コンテンツを持つモーダルを開きたい (そして閉じたい!)。残念ながら、「内部」モーダルを閉じると、両方のモーダルが閉じられます。
したがって、私が実際に行うことは次のとおりです。
index.htmlファイルは次のようになります。
<div class="container">
<h2>Modal example</h2>
<a data-toggle="modal" href="#" data-target="#firstmodal"
class="btn btn-primary btn-large">Launch modal</a>
<div id="firstmodal" class="modal" tabindex="-1" style="display: none;" data-remote="/link/to/remote.html">
<div class="modal-header">
<button class="close" type="button" data-dismiss="modal">×</button>
<h3 id="firstModalLabel">First Modal</h3>
</div>
<div class="modal-body">Actual edit stuff</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal">Close</button>
<button id="save_btn" class="btn btn-primary">Save changes</button></div>
</div>
</div>
呼び出されるremote.htmlは次のとおりです。
<p>
<a data-toggle="modal" href="#" data-target="#secondmodal"
class="btn btn-primary btn-large">Drück mich.</a>
</p>
<div id="secondmodal" data-target="/linkt/to/no_interaction.html" class="modal" tabindex="-1" style="display: none; ">
<div class="modal-header">
<button class="close" type="button" data-dismiss="modal">×</button>
<h3 id="secondModalLabel">second header</h3>
</div>
<div class="modal-body">Actual edit stuff</div>
<div class="modal-footer">`enter code here`
<button class="btn" data-dismiss="modal">schließen</button>
<button id="save_btn" class="btn btn-primary">speichern</button
</div>
</div>
</div>
no_interaction.htmlは次のようになります。
<div><p>Hello</p></div>
再び私の問題: 2 番目 (内側) のモーダルを閉じると、最初のモーダルも閉じられます。2 番目のモーダルのすべてのコードが
<div class="modal-body">Actual edit stuff</div>
最初のモーダルの?回避策はありますか? それとも私のミスですか?;-)
前もって感謝します、
ピーター