2013-08-26 31 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

相关问题