jquery工具可滚动API的问题

时间:2011-06-12 15:30:10

标签: jquery api scrollable

我正在使用jQuery Tools可滚动插件,并且一直在尝试使用其API来创建自定义控件。但是,无论我做什么,我都无法让他们工作!

我有一个自动滚动,垂直幻灯片,并希望能够使用我自己的定制元素暂停它(或重新启动它,或将它移动到特定的地方)。使用下面的代码我点击暂停按钮时出现“未捕获的TypeError:对象#没有方法'暂停'”错误。我究竟做错了什么?

$('document').ready(function() {
        $("#scrollable .items").cycle();
        $("#tabs").tabs("div.panes > div");         

        window.api = $("#sideScrollable").scrollable({
            vertical: true, 
            items: "ul", 
            size: 1,
            speed: 4000, 
            mousewheel: false, 
            keyboard: false, 
            circular: true}).navigator().autoscroll(0,{ 
                api: true,
                autoplay: true });

        $('.pause').click(function() {
            api.pause();            
            return false;
        });         

});

非常感谢你的帮助。

1 个答案:

答案 0 :(得分:2)

我意识到这已经很老了(我想你现在已经纠正了这个问题),但是,我一直试图通过所有未解答的jQuery问题来帮助社区。所以,这里是:而不是使用window.api,尝试使用全局变量,如下所示:

var myAPI;
$('document').ready(function() {
    $("#scrollable .items").cycle();
    $("#tabs").tabs("div.panes > div");         

    myAPI = $("#sideScrollable").scrollable({
        vertical: true, 
        items: "ul", 
        size: 1,
        speed: 4000, 
        mousewheel: false, 
        keyboard: false, 
        circular: true
    }).navigator().autoscroll(0,{ 
        api: true,
        autoplay: true
    });

    $('.pause').click(function() {
        myAPI.pause();            
        return false;
    });         

});