地基4号轨道误差

Foundation 4 orbit error

本文关键字：误差 轨道 4号 地基      更新时间：2023-09-26

错误信息http://puu.sh/3ip7L

这个错误不断出现。如果我直接上传foundation.4.2文件夹，index.html文件运行良好，但一旦我试图从其他任何地方访问它们，我就会得到轨道错误。

下面是一些代码:

调用modernizr.js 

<script src='<?php echo get_stylesheet_directory_uri();?>/js/vendor/custom.modernizr.js'></script>

Zepto/jquery: 

    <script>document.write('<script src=<?php echo get_stylesheet_directory_uri();?>/js/vendor/' +
  ('__proto__' in {} ? 'zepto' : 'jquery') +
  '.js><'/script>')
  </script>

调用foundation.js和orbit.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>

然后初始化foundation并调用orbit.js 

<script>
    $(document).foundation();
</script>
<script type="text/javascript">
$(window).load(function() {
  $('#featured').orbit({ fluid: '2x1' });
});
</script>

然而由于某些原因错误仍然存在。有人能帮忙吗?

下面是一个示例Orbit。您可以根据需要对其进行修改，或者只是完全删除主体并重写代码(但不要删除Js)。不知道你的代码到底出了什么问题，但最后的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>`
相关文章：