リモートコンテンツのボタンでモーダルを閉じるにはどうすればいいですか？

Question

タイトルとして、リモートコンテンツのボタンを使用してモーダルを閉じるにはどうすればよいですか？ここで

は元のページ、index.htmlにある：

<a href="modal.html" data-toggle="modal" data-target="#testModal">open modal</a> 
<div id="testModal" class="modal fade"> 
    <div class="modal-dialog"> 
    <!-- Modal content--> 
    <div class="modal-content"> 

    </div> 
    </div> 
</div> 

と、ここで私は、モーダルで開きたいページがある、modal.html：

<p>Hi, I am a modal</p> 
<button class="btn btn-primary">close</button> 

<script type="text/javascript"> 
    $(function() { 
    $("#closeModal").click(function() { 
     // do something...(Ajax) 
     $("#testModal").modal('hide'); 
    }); 
    }); 
</script> 

と私は近いが欲しいですボタンを押してindex.htmlのモーダルを閉じますが、data-dismissは使用しません。ここではPlunkerの完全な例があります：http://plnkr.co/edit/EGjtma?p=info

Answer 1

私はあなたがコードであることを確認しましたが、modal.htmlファイルの内容全体を掴んでクラス名 "モーダル・コンテンツ」

それは非常に簡単ですので、あなたはmodal.htmlファイル内に閉じるボタンでこのコードを書くことができ、これはあなたがモーダル

<button class="btn btn-primary" onclick="$('#testModal').hide()">close</button> 

を閉じることができます。また、私はいくつかの注意事項をしましたあなたのため

1. あり、追加したと私はあなたがあなたのコードは、いくつかのJavascriptエラーが含まれてい
2. が必要であることはよく分からない多くのスクリプトがあるので、
3. それらを修正するために、ブラウザのコンソールをチェックするには、JS/CSSの中で含まれて重複しないでください。 modal.html、これらのファイルがすでにメインファイルに存在する場合は、それらを再度追加する必要はありません。

Answer 2

 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 

、任意の関数と何もしないモーダルを却下ビルドでブートストラップ