0

ナビゲーションでスクロール可能なjqueryUIツールを使用しています。自動的に自動再生されるようにしたいのですが、ナビゲーションを操作するたびにタイミングがファンキーになります。

いずれかのナビゲーションリンクをクリックすると停止します。スクロールが止まらないようです！

これを開始するコードは次のとおりです。

HTML：

    <div id="flowpanes"> 
        <div class="items">
            <div>
                <h1>Content 1</h1>
            </div>
            <div>
                <h2>Content 2</h2>
            </div>
            <div>
                <h2>Content 3</h2>
            </div>
            <div>
                <h2>Content 4</h2>
            </div>
        </div>
    </div>
    <ul id="flowtabs" class="navi">
        <li><a href="#one" class="current"></a></li>
        <li><a href="#two"></a></li>
        <li><a href="#three"></a></li>
        <li><a href="#four"></a></li>
    </ul>

それをアクティブにするJquery：

$(document).ready(function() {
    $("#flowpanes").scrollable({ circular: true, mousewheel: true }).autoscroll({autoplay: true,interval: 5000,steps: 1}).navigator({
        navi: ".navi",
        naviItem: 'a',
        activeClass: 'current',
        history: false,
    })
});

私はこれを試しましたが、うまくいきませんでした：

$(".navi a").click (function(){
    api.stop()
});

次に、実際のボタンにjsを追加しようとしましたが、正しく指定しているとは思いません-以下のコードのように、スクロール可能な領域を特定するために何か他のものが必要です-スクロールコンテンツはulの上のspearatedivにあります。ナビ：

 <ul id="flowtabs" class="navi">
   <li><a href="#one" class="current" onclick="api.stop()"></a></li>
   <li><a href="#two" onclick="api.stop()"></a></li>
   <li><a href="#three" onclick="api.stop()"></a></li>
   <li><a href="#four" onclick="api.stop()"></a></li>
 </ul>

また、history：falseの下のナビゲーターセクションにclickable：falseを追加しようとしましたが、それも機能しませんでした。

誰か助けてもらえますか？

4

1 に答える 1

0

jQueryScrollableでjqueryuiスクローラーの例のソースコードを見ると、現在のウィンドウにapiオブジェクトを割り当てるために次の命令を使用しています。

// provide scrollable API for the action buttons
window.api = root.data("scrollable");

試しましたか？

于 2011-10-25T22:59:13.527 に答える