Interface utilisateur jQuery sélectionnable, liens non suivis au clic

Question

Utilisation de la bibliothèque jQuery UI selectable(). Les liens au sein des éléments de la liste sélectionnable ne sont pas suivis en cliquant, seulement en cliquant avec le bouton droit et en ouvrant dans une nouvelle fenêtre ou un nouvel onglet.

HTML

<ul class="selectable-list"> 
    <li> 
     <p>Visit Google.</p> 
     <a href="http://www.google.com">Google</a> 
    </li> 
    <li> 
     <p>Visit Apple.</p> 
     <a href="http://www.apple.com">Apple</a> 
    </li> 
    <li> 
     <p>Visit Microsoft.</p> 
     <a href="http://www.microsoft.com">Microsoft</a> 
    </li> 
</ul> 

CSS

.selectable-list li.ui-selected, .selectable-list li.ui-selected:hover { 
    background-color: #ccc; 
} 

JS

$(document).ready(function(){ 

    $(".selectable-list").selectable(); 

}); 

Answer 1

La méthode selectable() prend une option appelée cancel. Par défaut, il s'agit de ": input, option", mais vous pouvez l'utiliser pour rendre vos ancres non applicables à l'événement sélectionnable.

Pour votre code:

$(document).ready(function() { 
    $(".selectable-list").selectable({ 
     cancel: 'a' 
    }); 
}); 

Answer 2

sélectionnable est PRÉPONDÉRANTS vos événements de clic sur le href. Vous devrez probablement rajouter dans la fonctionnalité de navigation.

Cependant, cela semble être un comportement étrange pour lequel vous photographiez. Pourquoi voudrais-je jamais à la fois sélectionner quelque chose et suivre un lien (vraisemblablement vers une nouvelle fenêtre, qui se focaliserait alors) en même temps?