화재 다음 이벤트까지,하지만 페이지에 대한 그

Question

후,이 같은 라벨 내부에 랩 링크, 주어 졌어하지 : 사용자가 모든 브라우저에서 링크를 클릭하면

<label for='checkbox_elem'> 
    Links to <a href='somepage.php' target='anotherwindow'>another page.</a> 
</label> 

을의 페이지가 구상 된 새 탭에 생성되지만 Firefox에서는 레이블에 연결된 확인란도 선택됩니다. 이것은 바람직하지 않은 행동입니다.

링크를 허용하려면 일부 jQuery를 실행하고 그 이후에는 이벤트를 종료하고 싶습니다.

$(document).ready(function(){ 
    $('label a').click(function(e){ 
     open($(this).attr('href'), $(this).attr('target')); 
     return false; 
    }); 
}); 

당신의 수동 소자의 동작을 복제하고 이벤트를 죽일 이보다을 할 수있는 더 우아한 방법을 생각할 수 : I 작품,하지만 매우 우아 다음을 가지고? 여담으로

---

, 나는 stopPropagation 승/노력했습니다,하지만 많은 성공이 없었어요.

또한,하지 위의 솔루션은 작동 있습니다,하지만 일반적으로 자신의 첫 번째 호출 과거의 전파 이벤트를 중지하는 더 우아한 뭔가 을 찾고하시기 바랍니다. (첫 번째 네이티브 호출. 콜백을 추가하면 여전히 네이티브 요소 동작이 발생하지만 부모 요소는 실행되지 않도록해야합니다.

<label for='checkbox_elem'>Links to </label> 
<a href='somepage.php' target='anotherwindow'>another page.</a> 

더 자바 스크립트를 사용하지 : http://api.jquery.com/one/

Answer 1

은 전파 이벤트를 중지하십시오,이 같은 라벨 외부 링크를 이동할 수 있습니다 라벨. 이것은

$(document).ready(function(){ 
    $('label').click(function(e){ 
     e.stopPropagation(); 
    }); 
}); 

Answer 2

당신은 $ (ELEM) 사실 말이다 (FN)를 사용할 수 있습니다 조금도?

Answer 3

은 어쩌면 당신은 당신의 HTML을 변경해야합니다 -

감사합니다, 조

Answer 4

글쎄, 당신은 클라이언트 측에서 HTML을 변경할 수 있습니다, 당신은 항상

$(document).ready(function(){ 
    $('label').find('a').each(function(){ 
     var $anchor = $(this);   
     $(this).closest('label').after($anchor); 
    }); 
});​ 

demo

Answer 5

:

<label> test <a href="#">Test</a> <input type="checkbox" name="check[]" /></label> 

심지어 :

<label for="test1"> test <a href="#">Test</a> <input type="checkbox" name="test1" id="test1" class="checkbox" /></label> 

그리고 JS : 나를 위해

$('a').click(function(e){ 
    var t=$(this); 
    window.open(t.attr('href'), t.attr('target')); 
    return false; 
}); 

작품. 어쩌면 당신의 대본에 방해가되는 얼룩이 있을까요?.one() 대신 .click()의를 사용하여

Answer 6

시도 :

$(document).ready(function(){ 
    $('label a').one(function(e){ 
     open($(this).attr('href'), $(this).attr('target')); 
     return false; 
    }); 
}); 

Answer 7

KISS 충분히 우아한

$(document).ready(function(){ 
    $('label a').click(function(e){ 
     open($(this).attr('href'), $(this).attr('target')); 
     $(this).parent().click(); //Click the label again to reverse the effects of the first click. 
     return false; 
    }); 
});