jqueryUI Sortierbar: Handhabung .disableSelection() auf Formulareingaben

Question

Beispiel: Ich habe eine ungeordnete Liste mit einer Reihe von Formulareingaben.

Nachdem ich die ul .sortable() erstellt habe, rufe ich .disableSelection() auf der sortierbaren (ul) auf, um die Textauswahl beim Ziehen eines li-Elements zu verhindern.

..alle in Ordnung, aber ich brauche/neu Text-Auswahl an den Formulareingaben ermöglichen .. oder die Form ist im Grunde nicht bearbeitet ..

fand ich eine Teillösung @http://forum.jquery.com/topic/jquery-ui-sortable-disableselection-firefox-issue-with-inputs

• enableSelection, disableSelection scheint immer noch nicht dokumentiert zu sein: http://wiki.jqueryui.com/Core

keine Gedanken?

Answer 1

gelöst. bisschen hack aber funktioniert! .. irgendwelche Kommentare, wie kann ich das besser machen?

gelten .sortable() und dann Text-Auswahl an Eingabefelder aktivieren:

$("#list").sortable({ 
    stop: function() { 
    // enable text select on inputs 
    $("#list").find("input") 
    .bind('mousedown.ui-disableSelection selectstart.ui-disableSelection', function(e) { 
     e.stopImmediatePropagation(); 
    }); 
    } 
}).disableSelection(); 

// enable text select on inputs 
$("#list").find("input") 
.bind('mousedown.ui-disableSelection selectstart.ui-disableSelection', function(e) { 
    e.stopImmediatePropagation(); 
}); 

Answer 2

ich hatte das gleiche Problem. Die Lösung ist ganz einfach:

$("#list").sortable().disableSelection(); 
$("#list").find("input").enableSelect(); 

Answer 3

jQuery UI 1,9

$("#list").sortable(); 
$("#list selector").bind('click.sortable mousedown.sortable',function(e){ 
    e.stopImmediatePropagation(); 
}); 

Selektor = Eingang, Tisch, li ....

Answer 4

Eine kleine Verbesserung von Post von Zack - jQuery Plugin

$.fn.extend({ 
    preventDisableSelection: function(){ 
     return this.each(function(i) { 
      $(this).bind('mousedown.ui-disableSelection selectstart.ui-disableSelection', function(e) { 
       e.stopImmediatePropagation(); 
      }); 
     }); 
    } 
}); 

Und voll Lösung:

$("#list").sortable({ 
    stop: function() { 
    // enable text select on inputs 
    $("#list").find("input").preventDisableSelection(); 
    } 
}).disableSelection(); 

// enable text select on inputs 
$("#list").find("input").preventDisableSelection(); 

Answer 5

Im Folgenden wird Auswahl für das gesamte Dokument deaktivieren, aber Eingang und wählen Sie Elemente werden noch funktionsfähig sein ...

function disableSelection(o) { 
    var $o = $(o); 
    if ($o.find('input,select').length) { 
    $o.children(':not(input,select)').each(function(x,e) {disableSelection(e);}); 
    } else { 
    $o.disableSelection(); 
    } 
} 
disableSelection(document); 

Aber beachten Sie, dass .disableSelection veraltet ist von jquery-ui und wird eines Tages verschwinden.

Answer 6

EINFACH! gerade tun:

$("#sortable_container_id input").click(function() { $(this).focus(); }); 

und „sortable_container_id“ mit der ID des Elements ersetzen, dass der Behälter aller „sortierbar“ Elemente ist.