JqueryTools Scrollable：点击按钮后更改Scroll-Steps

Question

我喜欢“jquery tools”中的可滚动插件。到目前为止效果很好。刚刚注意到，当按钮触发时，更改滚动步骤不起作用。 虽然它正在处理“文档加载”。 我想更改按钮单击后滚动的项目数量。但这失败了。

这适用于“doc load”之后：

$("#scrollable").scrollable({
size: 5;
});

但是当从按钮点击它时它不会：

        $("#mybutton").click(function(event) {

        // approach 1
        var api = $("#scrollable").data("scrollable");
        api.size = 1;

        // approach 2
        $("#scrollable").data("scrollable").size = 1;

        // approach 3
        $("#scrollable").scrollable({size: 1}) ;
      });

其中一种方法应该有效，但它不会...... doc加载可滚动后似乎不允许我更改“大小”。 任何解决方案？

的Dom

Answer 1

作品...... http://jsfiddle.net/NwhYD/2/

这解决了这个问题：

jQuery(".scrollable").data("scrollable").getConf().size=1;