jQuery UI do wyboru, linki nie są śledzone po kliknięciu

Question

Korzystanie z biblioteki jQuery UI do wyboru(). Łącza w obrębie wybranych pozycji listy nie są śledzone po kliknięciu, tylko przez kliknięcie prawym przyciskiem myszy i otwarcie w nowym oknie lub karcie.

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

Metoda selectable() przyjmuje opcję o nazwie cancel. Domyślnie jest to ": input, option", ale możesz go użyć, aby zakotwiczenia nie pasowały do ​​zdarzenia, które można wybrać.

Dla kodzie:

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

Answer 2

Wybierana jest nadrzędne wydarzenia kliknij na href. Prawdopodobnie będziesz musiał przywrócić funkcjonalność nawigacji.

Jednak wydaje się to dziwnym zachowaniem, do którego strzelasz. Dlaczego miałbym kiedykolwiek chcieć zarówno wybrać coś, jak i podążać za linkiem (prawdopodobnie do nowego okna, które wtedy skupiłoby uwagę) w tym samym czasie?