iframe中的自舉模式

我有一個iframe的頁面，其中jquery.js和bootstrap.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'); 
    }); 
});

當我點擊，我得到一個錯誤：遺漏的類型錯誤：$（...）模式是不是一個函數。請幫助解決它。

來源

2017-07-07 Vasya Mikhalyuk

，移動中的所有腳本''標籤 – 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/在你的test.html

來源

2017-07-07 13:17:33 sergioBertolazzo

iframe中的自舉模式

回答

相關問題