jqueryUI Сортировка: обработка .disableSelection() на вставках форм

пример: у меня есть не упорядоченный список, содержащий кучу входов формы.jqueryUI Сортировка: обработка .disableSelection() на вставках форм

после создания ul .sortable(), я вызываю .disableSelection() на сортируемом (ul), чтобы предотвратить выбор текста при перетаскивании элемента li.

..all хорошо, но мне нужно повторно/включить текстовый выбор на форме входов .. или форма в основном не-редактируемые ..

я нашел частичное решение @http://forum.jquery.com/topic/jquery-ui-sortable-disableselection-firefox-issue-with-inputs

enableSelection, disableSelection, кажется, все еще быть просто не документированы: http://wiki.jqueryui.com/Core

какие-нибудь мысли?

источник

2010-10-26 zack

Если бы вы могли опубликовать свой код, я мог бы, вероятно, сделать эту работу ... вы посмотрели на вариант «отменить» сортировки? Подумайте о том, как объяснить JSFiddle. (www.jsfiddle.net) – Fosco

@ Fosco. Thks. был немного занят в последнее время .. Я только что опубликовал хак, который решает это. – zack

В качестве примечания это не только влияет на «входы», но и «выбирает». – polkduran

решена. бит взлома, но работает! .. любые комментарии, как я могу сделать это лучше?

применять .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(); 
});

источник

2010-11-15 19:23:19 zack

У меня была такая же проблема. Решение довольно простое:

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

источник

2011-10-05 13:35:57 dzana

Я не вижу jQuery docs для 'enableSelect()'. Пожалуйста, поправьте меня, если я ошибаюсь, но я не верю, что он существует! – zack

@zack это была, вероятно, опечатка. Исправлена. – ArtBIT

Правильное имя - enableSelection(). См. Http://api.jqueryui.com/enableSelection/ –

JQuery UI 1,9

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

селектор = вход, стол, литий ....

источник

2012-10-18 17:03:23

звучит здорово! это документировано, есть ли у вас ссылка? или jsFiddle? ..не то, что я скептически – zack

небольшое улучшение от должности Zack - 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();

источник

2012-11-30 08:35:58

Это работает только в IE? Я пробовал в FF, но не повезло. – c0deNinja

Это работает везде, так как jQuery является кроссплатформенным :) Что именно не работает? –

Ввод текста невозможен. – c0deNinja

Следующая отключит выбор для всего документа, но вход и выберите элементы будут по-прежнему быть функциональным ...

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 устарела by jquery-ui и когда-нибудь уйдет.

источник

2013-07-05 16:48:19 user2183078

EASY! просто сделать:

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

и заменить «sortable_container_id» с идентификатором элемента, который является контейнером всех «отсортированных» элементов.

источник

2014-10-28 20:50:58

Этот вопрос из 2010. Ответы здесь очень маловероятны для чтения. – Andreas

jqueryUI Сортировка: обработка .disableSelection() на вставках форм

ответ

Смежные вопросы