jQuery Div OnClick觸發兄弟連接

如何在點擊觸發器<a href="http://example.com" target="_blank">上點擊<div class="hover"></div>？我已經使用兄弟選擇試過，我似乎無法得到它的竅門..jQuery Div OnClick觸發兄弟連接

當有人點擊div.hover我需要一個新的窗口中使用兄弟錨的href打開。

<ul id="photoUL"> 
<li> 
<div class="hover"></div> 
<a href="http://example.com" target="_blank"> 
<img width="150" height="150" style="border: 1px solid #000000;" title="2013 Dirty Duathlon" src="http://example.com/example.jpg"> 
</a> 
<a href="http://example.com" target="_blank">EXAMPLE</a> 
</li>

來源

2013-06-19 Austin Biggs

你想要什麼？請解釋併發布你的js代碼。 –

觸發點擊不會觸發錨的原生行爲！ – tymeJV

你是否試圖將網頁地址更改爲example.com？ –

演示：http://jsfiddle.net/kuJPC/

這將在新標籤中打開http://example.com時.hover被點擊，這將有相同的行爲<a href="http://example.com" target="_blank">

$('.hover').click(function() { 
    window.open('http://example.com','_newtab'); 
});

來源

2013-06-19 19:29:53 Jon

$('div.hover').on('click',function(){ 
    window.location.href = $(this).next('a').attr('href'); 
});

演示--->http://jsfiddle.net/NGwL9/

來源

2013-06-19 19:31:29

@AustinBiggs乾杯！ –

聰明的解決方案，+1 \ – tymeJV

如果您不想使用「window.open」，您可以在懸停上放置一個點擊處理程序，並使用下一個函數來模擬下一個錨點標記的點擊。

$('.hover').click(function(){ 
    $(this).next('a')[0].click(); 
});

這裏是一個工作的jsfiddle：

http://jsfiddle.net/4FNJM/1/

來源

2013-06-19 19:50:36 stickboywarren

jQuery Div OnClick觸發兄弟連接

回答

相關問題