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

당신이 무엇을 원하는가 : 여기

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

는 작업 jsfiddle입니까? 귀하의 js 코드를 설명하고 게시하십시오. –

클릭을 트리거해도 앵커의 기본 동작이 실행되지 않습니다! – tymeJV

페이지 URL을 example.com으로 변경하려고하십니까? –

데모 : http://jsfiddle.net/kuJPC/

.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 Cheers! –

영리한 해결책, +1 \ – tymeJV

와 같은 동작을 할를 클릭하면이 새 탭에서 http://example.com 열립니다

"window.open"을 사용하지 않으려면 호버에 클릭 핸들러를 놓고 다음 함수를 사용하여 다음 앵커 태그의 클릭을 시뮬레이션 할 수 있습니다.

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

출처

2013-06-19 19:50:36 stickboywarren

jQuery Div OnClick 트리거 형제 링크

답변

관련 문제