3

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

我有一个自动滚动的垂直幻灯片，并且希望能够使用我自己的定制元素来暂停它（或重新启动它，或将其移动到特定位置）。使用下面的代码，当我单击暂停按钮时，我收到“未捕获的类型错误：对象 # 没有方法‘暂停’”错误。我究竟做错了什么？

$('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;
        });         

});

非常感谢你的帮助。

4

1 回答 1

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;
    });         

});
于 2012-02-21T03:51:15.820 回答