1

我有这个幻灯片。我希望它自动前进,除非有人点击导航元素。我正在考虑在特定时间(例如 3000 毫秒)模拟每个链接上的连续点击事件,但我的代码无效(我承认 JavaScript/jQuery 不太好)。Martin Angelov's nice tutorial,不幸的是不能满足我的需要。有人可以帮忙吗?谢谢!

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()

.click()函数模拟 jQuery 中的单击。请注意,此单击不限于按钮。

于 2012-09-25T14:32:43.443 回答