Eviter aller au lien de l'élément de bloc en cliquant sur le lien à l'intérieur

Question

J'ai un élément LI avec un lien, et d'autres liens à l'intérieur.

Ce serait quelque chose comme ceci:

jQuery:

$('li').click(function() { 
    window.location = $(this).children('a.li-url').attr('href'); 
}); 

HTML:

<ul> 
    <li> 
     <a href="http://www.link.com" class="li-url"></a> 
     <h1>Title</h1> 
     Lorem ipsum dolor <a href="http://www.something.com">Something</a>. Etc, blah blah. 
    </li> 
</ul>​ 

Le problème est que lorsque je clique sur "quelque chose", il charge aussi www. link.com (vous pouvez le voir si vous cliquez sur le lien Quelquechose alt +, il chargera quelquechose.com dans un nouvel onglet tout en chargeant link.com dans votre onglet actuel.)

Je dois seulement charger quelque chose quand je clique sur "quelque chose" ..

Merci!

Answer 1

$('li').click(function(e) { 
    if (e.target.tagName.toLowerCase() == 'li') { 
     window.location = $(this).children('a.li-url').attr('href'); 
    } 
});​ 

crazy demo

---

_{Bienvenue sur stackoverflow.com
Ne pas oublier d'accepter une réponse}

Answer 2

essayez this.preventDefault();

Answer 3

Ajouter ce morceau de JS.

$('li a:not(.li-url)').click(function() { 
    event.stopPropagation(); 
}); 
​ 

En utilisant mon sélecteur ou quelque chose d'autre pour cibler l'autre lien dans la li.