Javascript 否';访问控制允许原点';控制台上的错误
我正在实现引导导航栏,但它在我的控制台上显示错误 我试图解决我的问题,但仍不清楚我做错了什么。 有人帮我找出我的错误吗 在制作了mdbootstrap.com的本地副本之后,我面临着这些错误 代码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(); //初始化可折叠(如果使
身体{
背景:url(“http://mdbootstrap.com/images/regular/nature/img%20(23).jpg“)无重复中心固定;
背景尺寸:封面;
}
//初始化折叠按钮
$(“.button collapse”).sideNav();
//初始化可折叠(如果使用下拉变量,请取消注释下面的行)
$('.collable').collable();
轻蔑
这似乎是一个CORS问题
您可以:
这似乎是CORS的问题 您可以:
看起来像是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>