jquery-ui - example - resize div

jQuery UI seleccionable, los enlaces no se siguen al hacer clic

Question

Usando la biblioteca jQuery UI seleccionable (). Los enlaces dentro de los elementos de la lista seleccionables no se siguen al hacer clic, solo haciendo clic 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 ": input, option", pero puede usarlo para hacer que sus anclas no sean aplicables al evento seleccionable.

Para su código:

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

Answer 2

Seleccionable es anular sus eventos de clic en el href. Probablemente tendrás que volver a agregar en la funcionalidad de navegación.

Sin embargo, parece ser un comportamiento extraño el que estás buscando. ¿Por qué querría seleccionar algo y seguir un enlace (probablemente a una nueva ventana, que luego se enfocará) al mismo tiempo?