javascript - 可点击的 LI 否决 LI 内的链接

Question

我有一个 LI，其中包含一些信息，包括一些链接。我希望 jQuery 使 LI 可点击，但也保留 LI 中的链接。

可点击部分有效。我只需要其中的链接也能正常工作。
注意:如果您右键单击并选择“在新选项卡中打开”，它们就会起作用。

HTML

<ul id="onskeliste">
    <li url="http://www.dr.dk">Some info with links <a href="http://www.imerco.dk" target="_blank">Imerco</a></a>
</ul>

jQuery

$(document).ready(function() {
 $("#onskeliste li").click(
 function()
 {
  window.location = $(this).attr("url");
  return false;
 });

})(jQuery);

我在这里发现了一个类似的问题，但它似乎并没有解决我的问题。 jQuery DIV click, with anchors

你能帮帮我吗？？ :-)

提前致谢...

Answer 1

使用事件目标，例如:

$("#onskeliste li").bind('click', function(e){
   switch(e.target.nodeName){
       case 'LI':{
           e.preventDefault();
           e.stopPropagation();
           window.location = $(e.target).attr('url');
           break;
       }
       case 'A':{
           // do something               
           break;
       }
   }
});