2014-10-10 23 views
0

我有一个网站,其中有一个侧面菜单中充满了链接。最重要的是用户在Next和Prev按钮之间切换链接菜单。JavaScript运行全部href命令

我想改变这个,这样菜单会在x时间后自动改变。

我觉得这样的事情会做到这一点:

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript"> 
function delayer(){ 
window.location = "http://www.google.com" } 
</script> 
</head> 

<body onLoad="setTimeout('delayer()', 1000)"> 
</body> 

</html> 

基本上,而不是打开谷歌,我希望页面运行的是所代表的“下一步”按钮:

<div class="navBtns mar9 s3"> 

<a href="#" class="prev"><span></span></a> 
<a href="#" class="next"><span></span></a> 

</div> 

任何想法如何做到这一点?谢谢!!

回答

1
<a href="#" class="prev"><span></span></a> 

此超链接本身不做任何事情。在该网站的某处,有一个JavaScript功能绑定到此链接的点击事件。您需要在链接上触发点击事件,或者直接调用JavaScript。

没有看到JavaScript的其余部分/知道页面上正在使用哪些框架,不可能提供更准确的答案。

- 编辑 -

基于您的评论,你可以做的东西沿着这些路线:

<script type="text/javascript"> 
    setTimeout(function() { 
     $('#page_HOME .slider .next').click(); 
    }, 1000); 
</script> 

只要这些超链接包含滑动部件内,上述代码将在1000毫秒后在您的侧边菜单中触发更改

+0

如何回复你的帖子?我只看到评论? – Masterchiefxx17 2014-10-10 01:07:00

+0

你是对的,它确实激活了更多的JavaScript。下面是它激活:\t如果($( '#page_HOME .slider')的长度。){ $( '#page_HOME .slider')周期({ FX: 'scrollHorz', 速度:600, \t \t超时:0, 下一个:'.s3 .next', \t \t上一个:'.s3。分组”, \t \t宽松: 'easeOutCubic', \t \t cleartypeNoBg:真, 启:0, startingSlide:0, 涡卷:真 \t \t})}; – Masterchiefxx17 2014-10-10 01:08:44

1

如果您希望“单击”下一个按钮,那么您可以使用JS以编程方式执行此操作。

var nextbutton = document.getElementsByClassName('next'); 
nextbutton.click(); 

通过类的获取元素只能在后IE8浏览器上工作。

+0

我会如何将其添加到我的页面? – Masterchiefxx17 2014-10-10 01:33:29

+0

例如,直接在delayer()函数中编写代码,并在发生重定向到google时调用它。所有你需要做的就是添加一个href到锚点元素,以便做任何有用的事情。 – colonelsanders 2014-10-10 01:38:52

0

你可以根据链接的类名找到你想要的链接的HREF,使用普通的老JS。

window.location = document.querySelector(<link class name>).getAttribute("href"); 

这会将浏览器重定向到href属性设置为的任何值。

如果你想保持一个函数像你这样,你可以这样做:

function delay(link, time) { 
    setTimeout(function() { 
     window.location = document.querySelector("." + linkClass).getAttribute("href"); 
    }, time); 
} 

然后使用它,只是说:

delay("next", 5000); // go to the href of the link with the class "next" after 5 seconds.