Grokking一个基本用法：jQuery.ScrollTo / jQuery.SerialScroll

Question

我正在尝试使用jQuery.ScrollTo / jQuery.SerialScroll水平滚动小部件。下面的HAML和Javascript应该可以工作，但不能。我肯定经历过所有其他examples in SO。我甚至连续滚动了一段时间。但我必须改变结构，而不是以某种方式理解它的用法。有什么明显的东西让我失踪吗？

HAML

      #carousel-wrapper

        #nav-prev

        #carousel-mask
          #carousel-container
            .carousel-item one
            .carousel-item two
            .carousel-item three
            .carousel-item etc

        #nav-next

的Javascript

    $('#carousel-mask').serialScroll({ items: $('.carousel-item'), duration: 500, }); 
    $('#carousel-mask').trigger('next');

提前致谢

修改

顺便说一下，这段代码会滚动元素。但是i）它不能让我能够使用下一个/前一个触发器，而ii）它不会让我禁用我的下一个/上一个按钮。

    $('#carousel-mask').scrollTo( $('.carousel-item')[1], 500, { axis: 'x' } );