2017-07-07 99 views
1

我有一個iframe的頁面,其中jquery.jsbootstrap.js加載在body標籤之前。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'); 
    }); 
}); 

當我點擊,我得到一個錯誤:遺漏的類型錯誤:$(...)模式是不是一個函數。請幫助解決它。

+0

,移動中的所有腳本''標籤 – tech2017

回答

0

進口必須在頭標籤來完成:

<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/在你的test.html