[英]fullPage.js Menu Does Not Appear As In Example
我已經導入了fullPage的js和css文件。 這是身體:
<ul id="menu">
<li data-menuanchor="home"><a href="#main">Main</a></li>
<li data-menuanchor="phonetics"><a href="#phonetics">Phonetics</a></li>
<li data-menuanchor="search"><a href="#search">Search</a></li>
<li data-menuanchor="about"><a href="#about">About</a></li>
</ul>
<div id="fullpage">
<div class="section">
a
</div>
<div class="section"></div>
<div class="section">c</div>
<div class="section">d</div>
</div>
這是腳本:
$(document).ready(function(){
$("#fullpage").fullpage({
menu: "#menu",
anchors:["main", "phonetics", "search", "about"],
css3: true,
loopBottom:false,
loopTop:false,
keyboardScrolling: false,
sectionSelector: ".section",
slideSelector: ".slide",
/* http://www.colorcombos.com/color-schemes/14/ColorCombo14.html */
sectionsColor: ["#443266", "#C3C3E5", "#F1F0FF", "#8C489F"]
});
});
fullPage效果很好,但菜單未如example所示 。 菜單如下所示:
我使用的東西:
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.fullPage.min.js"></script>
<script type="text/javascript" src="js/html-phonetics-library.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap-theme.min.css" />
<link rel="stylesheet" href="css/font-awesome.min.css" />
<link rel="stylesheet" href="css/ie.css" />
<link rel="stylesheet" href="css/jquery.fullPage.css" />
<link rel="stylesheet" href="css/style.css" />
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.