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

听起来您没有按照详细in fullpage.js documentation初始化afterRender回调中的其他插件：

<强> AfterRender阶段（）

在生成页面结构后立即触发此回调。 这是您要用来初始化其他插件的回调或触发任何需要文档准备就绪的代码（因为此插件会修改DOM以创建生成的结构）。

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

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

1 个答案: