2016-02-04 86 views
1

我有IDtab当您单击选项1 W/C有href=#option1它会显示在<div id=option1></div>打开DIV#ID内的链接,而使用锚标记

内容现在我试图弄明白如何我可以使用JavaScript或jQuery。当我点击选项5它会打开<div id=container2></div>

内的链接,例如

这是使用

<a class='ext-link' href=#option5/>External Link</a> 
<div id='content5' ><a href='http://google.com' >link</a></div> 

我试图弄清楚它是如何,每当我点击代码IM的<a class='ext-link' href='#option5' >External Link</a>

<div id='content5'/><a href=google.com/>link</a></div>内的链接是要去开

我使用WordPress他们e和我想修改它,但即时通讯仍然缺乏jquery和javascript的编码技巧。

简短的句子,当你点击class='ext-link' div内的链接就会打开。

对不起,英语不好。

+1

这将被大多数浏览器默认设置屏蔽 –

+0

您正在尝试使用javascript更改锚点的'href'吗?如果是这样的话,我上面的评论是非常真实的。 –

+0

im试图做的事情是当你点击href =#option5链接将会在默认打开时显示内容中的代码5 – ImNotAwesome

回答

1

补充一点:

<script> 
$(document).ready(function() { 
    $('a.ext-link').click(function() { 
    var id = $(this).attr('href'); 
    window.location=$(id + ' a').attr('href'); 
    }); 
}); 
<script> 

,并确保HREF = “#content5” 代替#选项5。如果你不能,那么一些搜索和替换可以帮助你。

+0

谢谢你的回复。他们实际上是我只需要改变它,所以它更好地阅读它。代码似乎不起作用,我可能是错的,但代码并没有告诉链接将在#content5中打开。 – ImNotAwesome

+0

对不起,我没有注意到我需要替换id +'a'。代码正在工作,谢谢 – ImNotAwesome