JQuery UI seleccionable, no se siguen los enlaces al hacer clic en

Question

Utilizando la biblioteca jQuery UI seleccionable(). Los enlaces dentro de los elementos de la lista seleccionable no se siguen al hacer clic, solo haciendo clic con el botón derecho y abriendo en una nueva ventana o pestaña.

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

El método seleccionable() toma una opción llamada cancel. Por defecto, es ": entrada, opción", pero puede usarlo para hacer que sus anclajes no se apliquen al evento seleccionable.

Para su código:

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

Answer 2

seleccionable es reemplazar los eventos de clic en el href. Probablemente tenga que volver a agregar en la funcionalidad de navegación.

Sin embargo, parece un comportamiento extraño para el que estás rodando. ¿Por qué querría tanto seleccionar algo y seguir un enlace (presumiblemente a una nueva ventana, que luego tomaría el foco) al mismo tiempo?