Glide.js不工作？

Question

我很困惑为什么我的glide.js无法正常运作？ 它几乎就像javascript没有做任何事情一样。

我按照说明从这里无济于事： https://github.com/jedrzejchalubek/Glide.js

这是一个jsfiddle。有什么想法吗？

<div class="slider">
   <ul class="slider__wrapper">
         <li class="slider__item"><img src="http://theme.co/media/x-slider-example-1.jpg"/></li>
         <li class="slider__item"><img src="http://theme.co/media/x-slider-example-2.jpg"/> </li>
   </ul>
</div>

 $(function() {
                $('nav#menu').mmenu({
                    offCanvas: {
                        position: "right"
                    }
                });

                  $('.slider').glide({
                            autoplay: 5000,
                            arrows: 'body',
                            navigation: 'body'
                  });

 });

http://jsfiddle.net/fq52fLx7/

由于

Answer 1

您的小提琴不起作用，因为$('nav#menu').mmenu...会导致类型错误。

如果您将JavaScript更改为

 $(function() {

              $('.slider').glide({
                        autoplay: 5000,
                        arrows: 'body',
                        navigation: 'body'
              });

 });

似乎工作正常。