Cómo habilitar el evento dblclick en los elementos que se vinculó con el plugin JQuery UI seleccionable?

Question

En mi caso, tengo una UL con el plugin JQuery UI Selectable aplicado, pero al mismo tiempo, quiero que el artículo que la bruja estaba encuadernado con selectable plugin estaba haciendo algo cuando I double click este artículo. Pero parece que el JQuery UI Selectable plugin had block the dblclick event. Entonces, ¿cómo puedo hacer que funcione?

por ejemplo:

<script> 
    $(function() { 
     $("#selectable").selectable(); 

       $("#selectable").dblclick(function(){ 
        // do something here 
       }) 
    }); 
    </script> 

<ul id="selectable"> 
    <li class="ui-widget-content">Item 1</li> 
    <li class="ui-widget-content">Item 2</li> 
    <li class="ui-widget-content">Item 3</li> 
    <li class="ui-widget-content">Item 4</li> 
    <li class="ui-widget-content">Item 5</li> 
    <li class="ui-widget-content">Item 6</li> 
    <li class="ui-widget-content">Item 7</li> 
</ul> 

Muchas gracias !!

Answer 1

En jQuery puede vincular eventos, así:

$("#selectable").selectable().dblclick(); 

Bit No estoy seguro de que esto va a funcionar, porque ambos eventos son eventos de clic.

Answer 2

$("#selectable li").mousedown(function(event) { 
    if(event.which==1) 
    { 
     if($(event.currentTarget).data('oneclck')==1) 
     { 
      alert('click'); 

      return false; 
     } 
     else 
     { 
      $(this).data('oneclck', 1); 
      setTimeout(function(){ 
       $(event.currentTarget).data('oneclck', 0); 
      }, 200); 
     } 
    } 
}); 

Answer 3

Si agrega .ui-seleccionado cancelar opciones introducidas en el método de selección a continuación, puede hacer doble clic en b/c que no elevará caso de seleccionar los elementos seleccionados .ui.

$('#selectable').selectable({ 
    cancel: '.ui-selected' 
}); 

Aunque, esto elimina la posibilidad de anular la selección de un elemento seleccionado. Puede hacer lo siguiente para anular la selección manualmente

$('.ui-selected').on('click', function() { 
    $(this) 
    .removeClass('ui-selected') 
    .parents('.ui-selectable') 
    .trigger('selectablestop'); 

    // you might also want to trigger selectablestop. 
}); 

Answer 4

Solo tiene que establecer la distancia en un número> 0 para registrar los clics y los clics dobles.

$("#selectable").selectable({ 
    distance: 1 
}); 

Ver http://forum.jquery.com/topic/selectable-dosn-t-fire-click-event

Answer 5

Esto es porque onMouseDown desencadena evento de selección (el div de puntos que selecciona varios elementos seleccionables.) Que tenía el mismo problema y i fijo mediante la adición de unas pocas líneas de código a la Biblioteca JQUERY UI. Lo que tienes que hacer es retrasar el evento de selección empezando después de que el mouse se mueva unos pocos píxeles. Esto le permite hacer doble clic en el elemento y aún así tener la selección que es fácil de usar. : D

Ésta es la parte del código que retrasa la selección y resuelve su problema:

<script> 
    var content = $('#content').selectable(); 

    var _mouseStart = content.data('selectable')['_mouseStart']; 

    content.data('selectable')['_mouseStart'] = function(e) { 
     _mouseStart.call(this, e); 
     this.helper.css({ 
      "top": -1, 
      "left": -1 
     }); 
    }; 
</script> 

he encontrado esta solución en este post

Answer 6

utilizo esto y yo creo que es la mejor solución .

$("ul").selectable({ 
    filter: "li" 
}); 

$("ul").on("mousedown","li",function(e){ 
    var n = ($(e.toElement).is(".ui-selected")) ? 1 : 0; 
    $("#filelist").selectable("option", "distance", n); 
}); 

Cuando el usuario inicia un clic en una serie de elementos seleccionados que establecer el distance a uno para que el no bloquea el evento de doble clic, pero que está disponible si el usuario realmente comienza la selección.