Question

我有 THIS幻灯片。除非有人点击导航元素，否则我希望自动前进。我正在考虑在一定时间（例如3000毫秒）模拟每个链接上的连续点击事件，但我的代码无效（我不擅长JavaScript / jQuery，我承认它）。不幸的是，Martin Angelov的nice tutorial不能满足我的需求。有人可以请一只手吗？谢谢！

Answer 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

Answer 2

$("#ButtonID").click()

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

如何在jQuery中模拟单击事件以使幻灯片自动前进

2 个答案: