iframeのブートストラップモーダル

bodyタグの前にiframeのページがあり、jquery.jsとbootstrap.jsがロードされています。iframeのブートストラップモーダル

<html> 
<head></head> 
<body> 
<iframe src="test.html"></iframe> 
<script src="/assets/8bf00db7/jquery.js"></script> 
<script src="/assets/383389f4/js/bootstrap.js"></script> 
</body> 
</html>

でtest.htmlというスクリプトは、同じようにロードされます。

<html> 
<head></head> 
<body> 
<button>Click</button> 
<div class="modal">Model content here</div> 
<script src="/assets/8bf00db7/jquery.js"></script> 
<script src="/assets/383389f4/js/bootstrap.js"></script> 
<script src="/js/main.js"></script> 
</body> 
</html>

このコードのmain.jsファイルもあります。私はクリックすると

$(function() { 
    $('button').click(function() { 
     $('.modal').modal('show'); 
    }); 
});

は、私はエラーを取得する： キャッチされない例外TypeError：$（...）モーダル機能ではありません。それを修正するのを助けてください。

出典

2017-07-07 Vasya Mikhalyuk

あなたのtest.htmlという中、 '' タグ内のすべてのスクリプトを動かします – tech2017

輸入ヘッダータグで行わなければなりません。

<html> 
<head> 

<script src="/assets/8bf00db7/jquery.js"></script> 
<script src="/assets/383389f4/js/bootstrap.js"></script> 
<script src="/js/main.js"></script> 

</head> 
<body> 
<button>Click</button> 
<div class="modal">Model content here</div> 

</body> 
</html>

ブートストラップモーダルの簡単な作業例：http://jsfiddle.net/h3WDq/

出典

2017-07-07 13:17:33 sergioBertolazzo

iframeのブートストラップモーダル

答えて

関連する問題