3

私はjQueryToolsのスクロール可能なプラグインを使用しており、そのAPIを使用してカスタムコントロールを作成しようとしています。しかし、何をしても動かせません！

自動スクロールの垂直スライドショーがあり、独自の特注要素を使用して一時停止（または再起動、または特定の場所に移動）できるようにしたいと考えています。以下のコードを使用すると、一時停止ボタンをクリックすると、「Uncaught TypeError：Object＃has nomethod'pause'」エラーが発生します。私は何が間違っているのですか？

$('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 に答える