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