Javascript 否';访问控制允许原点';控制台上的错误

Javascript 否';访问控制允许原点';控制台上的错误,javascript,jquery,json,twitter-bootstrap,jsonp,Javascript,Jquery,Json,Twitter Bootstrap,Jsonp,我正在实现引导导航栏,但它在我的控制台上显示错误 我试图解决我的问题,但仍不清楚我做错了什么。 有人帮我找出我的错误吗 在制作了mdbootstrap.com的本地副本之后,我面临着这些错误 代码 身体{ 背景:url(“http://mdbootstrap.com/images/regular/nature/img%20(23).jpg“)无重复中心固定; 背景尺寸:封面; } //初始化折叠按钮 $(“.button collapse”).sideNav(); //初始化可折叠(如果使

我正在实现引导导航栏,但它在我的控制台上显示错误

我试图解决我的问题,但仍不清楚我做错了什么。 有人帮我找出我的错误吗

在制作了mdbootstrap.com的本地副本之后,我面临着这些错误

代码


身体{
背景:url(“http://mdbootstrap.com/images/regular/nature/img%20(23).jpg“)无重复中心固定;
背景尺寸:封面;
}
//初始化折叠按钮
$(“.button collapse”).sideNav();
//初始化可折叠(如果使用下拉变量,请取消注释下面的行)
$('.collable').collable();
轻蔑
这似乎是一个CORS问题

您可以:

  • 如果可能,请尝试其他CDN URL

  • 使用从中下载的本地副本


  • 这似乎是CORS的问题

    您可以:

  • 如果可能,请尝试其他CDN URL

  • 使用从中下载的本地副本


  • 看起来像是CORS的问题。看:@Theddembinski我已经读出来了!我该怎么办?我不想变得不友好/粗鲁-然而-这是一个非常常见的问题,知道如何解决这个问题比实际解决它要有10倍的价值。理解问题。调整你的方法。赢了,看来是CORS的问题。看:@Theddembinski我已经读出来了!我该怎么办?我不想变得不友好/粗鲁-然而-这是一个非常常见的问题,知道如何解决这个问题比实际解决它要有10倍的价值。理解问题。调整你的方法。赢。他们看我编辑的问题,在本地复制后我得到的错误类型与原始问题无关。他们看我编辑的问题,在本地复制后我得到的错误类型与原始问题无关。
        <head>
            <meta charset="UTF-8">
            <title></title>
            <!-- Material Design Icons -->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    
    <!-- Bootstrap core CSS -->
    <link href="http://mdbootstrap.com/live/_doc/css/bootstrap.min.css" rel="stylesheet">
    
    <!-- Material Design Bootstrap -->
    <link href="http://mdbootstrap.com/live/_doc/css/mdb.min.css" rel="stylesheet">
    
    <!-- SideNav slide-out button -->
    <a href="#" data-activates="slide-out" class="navbar-brand button-collapse"><i class="material-icons">menu</i></a>
    <!--/. SideNav slide-out button -->
    
    
        <!-- SCRIPTS -->
        <!-- JQuery -->
        <script type="text/javascript" src="http://mdbootstrap.com/live/_doc/js/jquery.min.js"></script>
    
        <!-- Bootstrap core JavaScript -->
        <script type="text/javascript" src="http://mdbootstrap.com/live/_doc/js/bootstrap.min.js"></script>
    
        <!-- Material Design Bootstrap -->
        <script type="text/javascript" src="http://mdbootstrap.com/live/_doc/js/mdb.min.js"></script>
        <style type="text/css">
             body {
           background: url("http://mdbootstrap.com/images/regular/nature/img%20(23).jpg") no-repeat center center fixed;
           background-size: cover;
    }
    
        </style>
    
        <script type="text/javascript">
    
        // Initialize collapse button
    $(".button-collapse").sideNav();
    // Initialize collapsible (uncomment the line below if you use the dropdown variation)
    $('.collapsible').collapsible();
    
        </script>
        </head>
    <!-- Sidebar navigation -->
    <ul id="slide-out" class="side-nav admin-side-nav dark-side-nav">
    <!-- Side navigation links -->
    <ul class="collapsible collapsible-accordion">
    <li><a href="#intro" class="waves-effect waves-light"><i class="fa fa-home"></i> Home</a></li>
                <li><a href="#" class="waves-effect waves-light"><i class="fa fa-money"></i> Sales</a></li>
                <li><a href="#" class="waves-effect waves-light"><i class="fa fa-line-chart"></i> Conversion</a></li>
                <li><a href="#" class="waves-effect waves-light"><i class="fa fa-users"></i> Website Traffic</a></li>
                <li><a href="#" class="waves-effect waves-light"><i class="fa fa-search"></i> SEO</a></li>
                <li><a href="#" class="waves-effect waves-light"><i class="fa fa-share-alt"></i> Social</a></li>
            </ul>
            <!--/. Side navigation links -->
    
        </ul>
        <!--/. Sidebar navigation -->
    
        <!--Navbar-->
        <nav class="double-navbar navbar navbar-fixed-top unique-color z-depth-1" role="navigation">
            <div class="container-fluid">
                <div class="navbar-header pull-left">
                    <!-- SideNav slide-out button -->
                    <a href="#" data-activates="slide-out" class="button-collapse"><i class="fa fa-bars"></i></a>
                    <!--/. SideNav slide-out button -->
    
                </div>
    
                <!-- Navbar Icons -->
                <ul class="list-inline pull-right text-center">
                    <li><a href="#" class="waves-effect waves-light" data-toggle="modal" data-target="#contact-form"><i class="fa fa-question"></i><br><span>Help</span></a></li>
                    <li><a href="#" class="waves-effect waves-light" data-toggle="modal" data-target="#contact-form"><i class="fa fa-cogs"></i><br><span>Settings</span></a></li>
                    <li><a href="#" class="waves-effect waves-light" data-toggle="modal" data-target="#contact-form"><i class="fa fa-sign-out"></i><br><span>Logout</span></a></li>
    
                </ul>
                <!--/. Navbar Icons -->
            </div>
        </nav>
        <!--/.Navbar-->
        <div class="container">
            <div class="space-50" style="height: 300px"></div>
            <h1 class="white-text">Scorll Down</h1>
            <div class="space-50" style="height: 900px"></div>
        </div>