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

Question

我有这个幻灯片。我希望它自动前进，除非有人点击导航元素。我正在考虑在特定时间（例如 3000 毫秒）模拟每个链接上的连续点击事件，但我的代码无效（我承认 JavaScript/jQuery 不太好）。Martin Angelov's 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 中的单击。请注意，此单击不限于按钮。