【发布时间】:2017-10-10 13:59:51
【问题描述】:
我用引导创建了一个简单的网站。我正在使用 JQuery 加载功能将单独的 html 文件包含在一个文件中以使事情易于管理。该站点托管在 github 页面上。
当我在 chrome 中打开站点或使用本地服务器时,它可以正常工作,但是当我在 Opera 中打开站点时,popperjs 和引导脚本的结束脚本标签消失,并且 JQuery 加载功能不起作用,因此外部 html页面未呈现。
当我使用本地服务器提供站点并在 Opera 中打开它时,该站点也可以正常工作。另外,控制台中没有错误,所以我不明白我在做什么错。
这是我的代码 -
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous">
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous">
</script>
<script>
function loadPartials(){
$("#about").load( "partials/about.html" );
$("#projects").load( "partials/projects.html" );
$("#resume").load( "partials/resume.html" );
$("#blog").load( "partials/projects.html" );
$("#contact").load( "partials/contact.html" );
}
$(document).ready(loadPartials);
</script>
这就是页面源在 Opera 中的样子 -
<script crossorigin="anonymous" src="https://code.jquery.com/jquery-3.2.1.min.js">
<script crossorigin="anonymous" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js">
<script crossorigin="anonymous" src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js">
<script>
function loadPartials(){
$("#about").load( "partials/about.html" );
$("#projects").load( "partials/projects.html" );
$("#resume").load( "partials/resume.html" );
$("#blog").load( "partials/projects.html" );
$("#contact").load( "partials/contact.html" );
}
$(document).ready(loadPartials);
</script>
【问题讨论】:
标签: javascript jquery html twitter-bootstrap opera