1

このスライドショーがあります。誰かがナビゲーション要素をクリックしない限り、自動で進めてほしい。特定の時間 (たとえば 3000 ミリ秒) で各リンクの連続したクリック イベントをシミュレートすることを考えていましたが、私のコードは効果がありません (私は JavaScript/jQuery があまり得意ではありませんが、認めます)。Martin Angelov の素敵なチュートリアルは、残念ながら私のニーズを満たしていません。誰か手を貸してくれませんか?ありがとうございました!

4

2 に答える 2

1

リンクされたチュートリアルの関数から適応されたバージョン。コードはもっと凝縮されている可能性がありますが、何が起こっているのかをできるだけ明確にするように努めました。

    (function autoAdvance(index){
    //We use index to keep track of which nav link you should be clicking on.

    //Click on the next nav link
    var allNavLinks = $('#slidernav a'); //This selector gets every anchor that is a descendant of your slidernav list
    var currentNavLink = allNavLinks.get(index);
    currentNavLink.click(); //Simulates a click on your nav link

    // Schedule your next autoAdvance
    var clickNextFn = function(){autoAdvance((index+1)%allNavLinks.length)}; //You need to wrap the callback to autoAdvance in a function so that setTimeout can evaluate it later.
    timeOut = setTimeout(clickNextFn,5000); //Will call the clickNextFn in 5 seconds
})(0); //Start the function by auto clicking on index 0
于 2012-09-25T15:02:50.963 に答える
0
$("#ButtonID").click()

The .click() function simulates a click in jQuery. Note that this click is not limited to buttons.

于 2012-09-25T14:32:43.443 に答える