JS：fullpage.js的moveTo（）不同部分之間

Question

背景：

我試圖通過點擊5個元件中的一個fullpage.js的截面內的不同幻燈片之間移動。

問題：

第一的moveTo（） - 從第一滑動到任何其他4個作品完美的。但是，一旦在任何其他幻燈片上，我無法通過單擊任何元素導航到其他幻燈片。任何幫助，將不勝感激！

我的JS：

$(document).ready(function() { 


    // move to quality 
    $("#q").click(function() { 
     $.fn.fullpage.silentMoveTo('why', 1); 
    }); 

    $("#d").click(function() { 
     $.fn.fullpage.silentMoveTo('why', 2); 
    }); 

    $("#p").click(function() { 
     $.fn.fullpage.silentMoveTo('why', 3); 
    }); 

    $("#z").click(function() { 
     $.fn.fullpage.silentMoveTo('why', 4); 
    }); 

    $("#e").click(function() { 
     $.fn.fullpage.silentMoveTo('why', 5); 
    }); 


    }); 


    $('#fullpage').fullpage({ 
     css3: true, 
     sectionsColor: ['white', 'grey', '#fff', '#fff'], 
     anchors:['m', 'why',], 
     navigation: true, 
     navigationPosition: 'right', 
     // verticalCentered:false 
     // 'navigationTooltips': ['fullPage.js', 'Powerful', 'Amazing', 'Simple'], 
     // 'showActiveTooltip': true, 

    } 

); 

我的HTML：

<div id="fullpage" class="fullpage-wrapper"> 



    <div class="section" id="section1"> 
    <div class="slide" id="slide1-1"> 
    </div> <!-- End slide --> 
    </div> 


    <!-- Start section 2 - why --> 

    <div class="section" id="section2"> 

    <div class="slide" id="slide2-1"> <!-- Start Why --> 
     <div class="container-fluid"> 
      <div class="row"> 
      <div class="col-md-12"> 
       <h2 class="master-side side-default"><span>Why ?</span></h2> 
       <div class="col-md-8 col-center"> 
        <a id="q" class="square img-thumbnail"> </a> 
        <a id="d" class="square"> </a> 
        <a id="p" class="square"> </a> 
        <a id="d" class="square"> </a> 
        <a id="e" class="square"> </a> 
       </div> 

      </div> <!-- End col-md-12 --> 
      </div> <!-- End Row --> 

     </div> <!-- End Container --> 
     </div> <!-- End Why --> 

     <div class="slide" id="slide2-2"> <!-- Start Quality --> 
      <div class="container-fluid"> 
      <div class="row"> 
       <div class="col-md-12"> 
        <h2><span>Quality</span></h2> 
        <div class="col-md-8 col-center"> 
         <a id="q" class="square img-thumbnail"> </a> 
         <a id="d" class="square"> </a> 
         <a id="p" class="square"> </a> 
         <a id="d" class="square"> </a> 
         <a id="e" class="square"> </a> 
        </div> 
       </div> <!-- End col-md-12 --> 
      </div> <!-- End Row --> 

      </div> <!-- End Container --> 
     </div> <!-- End Quality --> 

Answer 1

不要你在你的JavaScript控制檯的任何錯誤？

在代碼中你貼這裏有一個錯誤：

// move to quality 
    $("#q").click(function() { 
     $.fn.fullpage.silentMoveTo('why', 1); 
    }); 

你忘了關字符串"#q"。

此外，您不能有多個具有相同值的id元素...您現在不能像現在這樣擁有兩個<a id="d" class="square"> </a>。

如果這不是問題，您應該在線添加一個問題的複製品，否則沒有人能夠知道問題出在哪裏，因此如何幫助您。