fullPage.js菜單沒有出現在示例中

我已經導入了fullPage的js和css文件。這是身體：fullPage.js菜單沒有出現在示例中

<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"] 
    }); 
});

整頁的偉大工程，但菜單不會出現在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" />

來源

2015-10-14 Erdin Eray

例如，如果你看看開發工具，你會發現他們有一個樣式表example.css，它的樣式菜單 – Molda

整頁的偉大工程，但菜單不會出現如示例中所示。

這是因爲fullpage.js不提供菜單的樣式。它只是在那些例子中，因爲這些例子正在使用另一個樣式表。

您應該創建自己的菜單，而不是僅使用那些fullpage.js用於示例。

但是，如果您確實想使用其菜單，請看一下at the examples stylesheet或使用all the examples中使用的examples.css文件將其包含在您的項目中。

來源

2015-10-15 11:55:05 Alvaro

fullPage.js菜單沒有出現在示例中

回答

相關問題