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中的自举模式

回答

相关问题