Hola.
Tienes un gran caos ahí. ¿Cuántas veces cargas jquery.js? Ya te digo yo, 3 veces.
Además, al utilizar jquery, para que funcione, la mejor manera es utilizando
$(document).ready();. Y dentro de éste, tu código. Por otro lado, te recomiendo siempre cargar tus códigos desde un js externo en lugar de en la propia página. Te será más cómodo trabajarlo y podrás utilizarlo en distintos archivos.
Prueba de la siguiente forma, y fíjate en los cambios:
Código HTML:
Ver original<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script> <script type="text/javascript" src="js/nav/jquery.easing.1.3.js"></script> <script type="text/javascript" src="js/nav/jquery.iconmenu.js"></script> <script src="js/anchor.jquery.js" type="text/javascript"></script>
<!-- SLIDER -->
<script src="js/slider/mobilyslider.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){
$('.slider').mobilyslider({
content: '.sliderContent',
children: 'div',
transition: 'fade',
animationSpeed: 800,
autoplay: false,
autoplaySpeed: 3000,
pauseOnHover: false,
bullets: true,
arrows: true,
arrowsHide: false,
prev: 'prev',
next: 'next',
animationStart: function(){},
animationComplete: function(){}
});
});
<!-- SLIDER -->
<!-- SCRIPT NAVIGATION_MENU -->
<script type="text/javascript"> $(document).ready(function() {
$('#sti-menu').iconmenu();
});
pd: Echa un vistazo a este enlace:
http://www.learningjquery.com/2006/0...document-ready
Un saludo.