jQuery UI Drag & Drop / Сортируемое падение на пустом, в Chrome - PullRequest
Новая
       24

jQuery UI Drag & Drop / Сортируемое падение на пустом, в Chrome

3 голосов
/ 03 августа 2011

Я использую jQuery UI Сортируемая функция .

Javascript 

$('#sortablelist).sortable{
     update: function(ev, ui){...}, 
     placeholder: "ui-state-highlight",
     connectWith: ".ui-sortable" 
}

По умолчанию dropOnEmpty = true, поэтому я не устанавливаю ее.

Поскольку список пуст, но я хочу дать ему цель 'placeholder' в пустом списке, я дал sortablelist div дополнительный вспомогательный класс, чтобы дать пустому #sortablelist некоторую 'площадь поверхности'так сказать (чтобы получить заполнитель при перетаскивании элемента над прикрепленным списком)

HTML 

<div id="sortablelist" class="ui-sortable ui-sortable-helper"></div>

CSS 

.ui-sortable-helpclass {
    height: 100px;
    width: 100%;
}

Это работает в Firefox, IE, Safari, , но заполнители не появятся (таким образом, нет области, куда можно попасть в Google Chrome

Есть мысли?

1 Ответ

5 голосов
/ 29 августа 2011

Единственным способом, которым я смог решить эту проблему, было добавление отступа в список. 

#sortablelist {
  padding: 16px 21px !important;
}

Возможно, вам не нужно! Важный, мне нужно было переопределить некоторые более высокие приоритеты заполнения, которые я не мог 'т трек.

...