Question

我无法使fullPage插件正常运行。这是我的HTML代码;我已经检查过jQuery的工作原理，所有其他指向外部代码的链接应该是准确的。我编写的唯一其他代码是每个“page”的div背景的CSS类（简单的100％宽度，683px高度框，class =“wrap”）。如果你能指出我哪里出错了，我真的很感激。（我无法让onepage.js工作）

<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1.0">
  <title>index</title>
  <link href="http://fonts.googleapis.com/css?family=Montserrat:400" rel="stylesheet" type="text/css"/>
  <link rel="stylesheet" type="text/css" href="css/standardize.css"/>
  <link rel="stylesheet" type="text/css" href="css/index-grid.css"/>
  <link rel="stylesheet" type="text/css" href="css/index.css"/>

  <link rel="stylesheet" type="text/css" href="../jquery.fullPage.css"/>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script type="text/javascript" src="../jquery.fullPage.js"></script>
  <script type="text/javascript" src="../jquery.easings.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
        $.fn.fullpage();
    });
  </script>
    </script>
</head>
<body>
  <div class="section">
    <div class="wrap" style="background:orange">
    <h2>This is one test</h2>
    </div>
  </div>
  <div class="section">
    <div class="wrap" style="background:blue">
    <h2>Another test</h2>
    </div>

  </div>
  <div class="section">
    <div class="wrap" style="background:green">
    <h2>Third test</h2>
    </div>
  </div>
</body>
</html>

Answer 1

您有两个已关闭的</script>代码，可能会使代码无效。

Answer 2

使用类似HTML Tidy的内容来检查HTML的语法。它表明您的</script>标记不正确且没有doctype。您缺少demo中存在的jquery.ui.js。

最基本的fullPage.js页面不起作用

2 个答案: