2016-02-04 74 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