2017-08-01 12 views
1

image hereブートストラップ:メインの表示モーダル私はこのモーダルのためのブートストラップを使用していますインラインフレームに

をクリックしながら。私のイラストを見て、私が何を言おうとしているのか知ってください。私はこれを試しましたが、結果はイラストのようではありません。私はモーダルを表示できません。

main.htmlを

<!-- Modal content--> 
<div class="modal-content"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal">&times;</button> 
    <h4 class="modal-title">Modal Header</h4> 
    </div> 
    <div class="modal-body"> 
    <iframe src='b.html' frameborder=0></iframe> 
    </div> 
    <div class="modal-footer"> 
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
    </div> 
</div> 

b.html

<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myshow">Open Modal</button> 
+1

モーダルがb.htmlに存在しないので、私はあなたがそれを行うことができるとは思いません。 – Aslam

+0

私はそれをしましたが...モーダルはbにしか現れません。私はメインに表示されたかった – dpesquera

+0

私はそれがまっすぐに表示されないと思う。誰か他の解決策がない限り。 – Aslam

答えて

1

大丈夫、私は親(main.htmlと)が、すべてに私のモーダルを開くために管理しますb.htmlをロードすると、モーダルが表示されます。

b.html

は今私の問題は、ときにのみb.html


からクリック

SOLUTION MYモーダル表示する方法であるb.html

window.parent.parent.$('#myModal').modal('show'); 

にスクリプトを追加しました自分の問題:

b.htmlのスクリプトを追加

$(document).ready(function() { 

    // Attach Button click event listener 
    $("#btnPopModal").click(function(){ 

     // show Modal 
      window.parent.parent.$('#mypob').modal('show'); 
    }); 
}); 

と、それはそれだ...おかげ

関連する問題