Javascript 地基4轨道误差
这个错误经常出现在我身上。如果我直接上传基础4.2文件夹,则索引文件.html文件运行良好,但是一旦我尝试从其他地方访问它们,我就得到轨道错误。 下面是一些代码: 调用modernizer.jsJavascript 地基4轨道误差,javascript,jquery,html,zurb-foundation,orbit,Javascript,Jquery,Html,Zurb Foundation,Orbit,这个错误经常出现在我身上。如果我直接上传基础4.2文件夹,则索引文件.html文件运行良好,但是一旦我尝试从其他地方访问它们,我就得到轨道错误。 下面是一些代码: 调用modernizer.js <script src='<?php echo get_stylesheet_directory_uri();?>/js/vendor/custom.modernizr.js'></script> 下面是一个示例轨道。您可以根据需要修改它,或者只是完全删除主体并重写
<script src='<?php echo get_stylesheet_directory_uri();?>/js/vendor/custom.modernizr.js'></script>
下面是一个示例轨道。您可以根据需要修改它,或者只是完全删除主体并重写代码(不要删除JSTHO)。我不确定你的代码到底出了什么问题,但最后的Js代码片段在我看来并不正确
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Foundation 4</title>
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/foundation.min.css" />
<link rel="stylesheet" href="css/app.css" />
<script src="js/vendor/custom.modernizr.js"></script>
</head>
<body>
<div class="row">
<div class="large-10 large-centered columns">
<ul>
<li><img src="img/banners/1.jpg"></li>
<li><img src="img/banners/2.jpg"></li>
<li><img src="img/banners/3.jpg"></li>
<li><img src="img/banners/4.jpg"></li>
<li><img src="img/banners/5.jpg"></li>
</ul>
</div>
</div>
<script>
document.write('<script src=' +
('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
'.js><\/script>')
</script>
<script src="js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
</body>
</html>`
基金会4
文件。写入(“”)
$(document.foundation();
`
您的路径一定是错误的。检查“inspect element”中的路径当我错误地键入路径时,我会得到一个错误,即文件不存在,因此我得到了正确的路径。它也可以在同一目录中的文件中工作,该目录具有相同的代码。您是否有链接,或者在localhost上运行?在localhost上运行。您确定这是正确的吗/js/foundation/foundation.orbit.js,因为看到这个/js/foundation.min.js,我很好奇
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/foundation.min.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/foundation/foundation.orbit.js"></script>
<script>
$(document).foundation();
</script>
<script type="text/javascript">
$(window).load(function() {
$('#featured').orbit({ fluid: '2x1' });
});
</script>
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Foundation 4</title>
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/foundation.min.css" />
<link rel="stylesheet" href="css/app.css" />
<script src="js/vendor/custom.modernizr.js"></script>
</head>
<body>
<div class="row">
<div class="large-10 large-centered columns">
<ul>
<li><img src="img/banners/1.jpg"></li>
<li><img src="img/banners/2.jpg"></li>
<li><img src="img/banners/3.jpg"></li>
<li><img src="img/banners/4.jpg"></li>
<li><img src="img/banners/5.jpg"></li>
</ul>
</div>
</div>
<script>
document.write('<script src=' +
('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
'.js><\/script>')
</script>
<script src="js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
</body>
</html>`