jqueryUI सॉर्ट करने योग्य: हैंडलिंग। अक्षम करने योग्य चयन() फॉर्म इनपुट पर

Question

उदाहरण: मेरे पास एक अन-ऑर्डर की गई सूची है जिसमें फ़ॉर्म इनपुट का एक गुच्छा है।

उल .sortable() बनाने के बाद, मैं lable आइटम खींचते समय पाठ चयन को रोकने के लिए sortable (ul) पर .disableSelection() को कॉल करता हूं।

..all ठीक है, लेकिन मैं फिर से/फ़ॉर्म इनपुट पर पाठ चयन सक्षम करने की आवश्यकता .. या रूप मूल रूप से संपादन न करने योग्य है ..

मैं एक आंशिक समाधान पाया @http://forum.jquery.com/topic/jquery-ui-sortable-disableselection-firefox-issue-with-inputs

• सक्षम चयन, अक्षम चयन अभी भी अन-दस्तावेज प्रतीत होता है: http://wiki.jqueryui.com/Core

कोई विचार?

Answer 1

हल हो गया। हैक का थोड़ा लेकिन काम करता है! .. कोई टिप्पणी है कि मैं इसे बेहतर कैसे कर सकता हूं?

इनपुट फ़ील्ड पर .sortable() और फिर सक्षम पाठ चयन लागू:

$("#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

मैं एक ही समस्या थी। समाधान काफी सरल है:

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

Answer 3

jQuery यूआई 1,9

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

चयनकर्ता = इनपुट, मेज, ली ....

Answer 4

जैक के पद से एक छोटी सी सुधार - jQuery प्लगइन

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

और पूर्ण समाधान है:

$("#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

निम्नलिखित पूरे दस्तावेज के लिए चयन, लेकिन इनपुट को निष्क्रिय और चुनें तत्व अभी भी कार्यात्मक हो जाएगा होगा ...

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); 

लेकिन ध्यान दें कि .disableSelection पदावनत किया गया है jquery-ui द्वारा और किसी दिन दूर जाना होगा।

Answer 6

आसान! बस करो:

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

और तत्व सभी "sortable" तत्वों के कंटेनर है कि की आईडी के साथ "sortable_container_id" की जगह।