2013-08-26 34 views
0

當您單擊該容器上的任何地方時,是否有可能轉到容器中的第一個鏈接,除非另外鏈接被點擊?轉到容器中的第1個鏈接,除非另外鏈接被點擊

目前,我有這樣的:

JS:

$('.container').click(function() { 
    window.location=$(this).find("a").attr("href"); 
    return false; 
}); 

HTML:

<div class="container"> 

    <ul> 
     <li><a href="[link one's link]">Link 1</a></li> 
     <li><a href="[link two's link]">Link 2</a></li> 
     <li><a href="[link three's link]">Link 3</a></li> 
     <li><a href="[link four's link]">Link 4</a></li> 
    </ul> 

</div> 

任何幫助將不勝感激,因爲它目前只是進行到了第一個鏈接無論是哪一個我點擊...

回答

2

嘗試

$('.container').click(function(e) { 
    window.location = $(e.target).is('a') ? e.target.href : $(this).find("a").attr("href"); 
    return false; 
}); 

演示:Fiddle

+0

此。爲了補充,我會將'return false;'改爲'e.preventDefault();' - 只是更好的練習。 – CodeMoose

+0

謝謝你們這樣做的訣竅:) – thatgerhard

相關問題