javascript - fullpage.js 与 mobile.js 和 camera.js 的不兼容问题

Question

当我尝试设置图片库时，我在调用 camera.js 时遇到了问题 (here)和 mobile.js (here)以及 fullpage.js [(Alvaro Trigo 的)]。问题是每当我单击顶部导航栏中的任何超链接时，它们都不起作用。虽然有一个可以，但它会重定向到另一个页面而不是一个部分。它在没有画廊脚本的情况下工作得很好，并且在导入时，除了上面的脚本之外，它都可以工作。有人可以帮我吗？

提前致谢。

以防万一，这是我的导航栏代码:

 <ul id="menu">
        <li data-menuanchor="inicio" class="active normalmenu"><a href="#inicio">Inicio</a></li>
        <li data-menuanchor="descripcion" class="normalmenu submenuact"><a href="#quees">Qué es Rien Pipe</a>
            <div id="submenuact2">
                <ul id="submenu">   
                    <li data-menuanchor="descripcion" class="noborder"><a href="#descripcion">Descripción de Rien Pipe</a></li>
                    <li data-menuanchor="descripcion" class="noborder"><a href="#descripcion/1">La diferencia</a></li>
                    <li data-menuanchor="descripcion" class="noborder"><a href="#descripcion/2">Mecanismo</a></li>  
                </ul>
            </div>  
        </li>
        <li data-menuanchor="quienessomos" class="normalmenu"><a href="#quienessomos">Quiénes somos</a></li>
        <li data-menuanchor="preguntasfrecuentes" class="normalmenu"><a href="#preguntasfrecuentes">Preguntas frecuentes</a></li>
        <li data-menuanchor="testimonios" class="normalmenu"><a href="#testimonios">Testimonios</a></li>    
        <li data-menuanchor="contacto" class="normalmenu"><a href="#contacto">Contacto</a></li> 
        <li class="normalmenu"><a href="http://rienpipe.cloudapp.net/es/home/11-rien-pipe-primera-etapa.html">Hacer un pedido</a></li>  
    </ul>

和图库部分:

         <div class="camera_pos">
            <div class="camera_wrap camera_azure_skin" id="camera_wrap_1">
                <div data-src="imgs/banner1.png">
                </div>
                <div data-src="imgs/banner2.png">
                </div>
                <div data-src="imgs/banner3.png">
                </div>
            </div>
        </div>

Answer 1

听起来您没有在 afterRender 回调中初始化其他插件，详情 in fullpage.js documentation :

afterRender()

This callback is fired just after the structure of the page is generated. This is the callback you want to use to initialize other plugins or fire any code which requires the document to be ready (as this plugin modifies the DOM to create the resulting structure).

 $.fn.fullpage({
        afterRender: function(){
            //your plugins initialization here
            alert("The resulting DOM stucture is ready");
        }
 });