关闭脚本标签在Opera浏览器中消失

时间:2017-10-10 13:59:52

标签: javascript jquery html5 twitter-bootstrap opera

我创建了一个带引导程序的简单网站。我正在使用JQuery加载函数将单独的html文件合并为一个以使事情易于管理。该网站托管在github页面上。

当我以chrome或使用本地服务器打开网站时,它可以正常工作但是当我在Opera中打开网站时,popperjs和bootstrap脚本的结束脚本标签消失,而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>

网站网址为http://pkjc.github.io

1 个答案:

答案 0 :(得分:1)

我确定你已经尝试过在本地存储Jquery文件了吗? 此外,仅支持最新的Opera:

  

上述浏览器中jQuery的任何问题都应该报告为jQuery中的错误。

     

(Current - 1)和Current表示我们支持当前稳定版本的浏览器及其前面的版本。例如,如果当前版本>浏览器是24.x,我们支持24.x和23.x版本。

     

如果您需要支持较旧的浏览器,如Internet Explorer 6-8,Opera 12.1x或   Safari 5.1+,使用jQuery 1.12。

希望这有帮助