javascript - fullpage.js incompatibility issue with mobile.js and camera.js -


while trying setup image gallery encountered issue when calling camera.js (here) , mobile.js (here) along fullpage.js [(by alvaro trigo)]. problem whenever click on of hyperlinks in top navbar, won't work. there's 1 though, redirects page instead of section. works fine without gallery's scripts, , when imported, works except of above. can me out here?

thanks in advanced.

just in case, here's navbar code:

 <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> 

and gallery section:

         <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> 

it sounds not initializing other plugins inside afterrender callback detailed in fullpage.js documentation:

afterrender()

this callback fired after structure of page generated. this callback want use initialize other plugins or fire code requires document ready (as plugin modifies dom create resulting structure).

 $.fn.fullpage({         afterrender: function(){             //your plugins initialization here             alert("the resulting dom stucture ready");         }  }); 

Comments

Popular posts from this blog

java - WrongTypeOfReturnValue exception thrown when unit testing using mockito -

php - Magento - Deleted Base url key -

android - How to disable Button if EditText is empty ? -