2017-02-22 17 views
7

https://jsfiddle.net/hjcsnrs3/1/скроллинг создания строк в IE9 на сопротивление и падение элементов

я создал выше скрипку, чтобы объяснить мою проблему. Я использую jQuery для сортировки элементов перетаскивания по горизонтали. Прекрасно работает в Chrome/FF. Но в IE, особенно IE9, всякий раз, когда я перетаскиваю элемент, он переходит к следующей строке. Каждое падение перетаскивания создает новую строку.

$(function() { 
    $("#sortable").sortable({ 
    items: "> div", 
    opacity: 0.8, 
    placeholder: "placeholder", 
    tolerance: "pointer", 
    helper: "original", 
    revert: true, 
    axis: "x" 
    }); 
    $("#sortable").disableSelection(); 
}); 
+4

Вы могли бы рассмотреть возможность использования альтернативного решения промежуточной, как jsfiddle не поддерживает IE9, и я могу» t проверить/отладить результат, если результат не отображается. –

+1

Я подозреваю, что это может быть проблема перекрестного браузера CSS –

+0

неспособна реплицировать вашу проблему, даже с jquery-ui-1.12.1 на IE8 ... может быть, вы что-то упустили из своей скрипки? Просто спрашиваю. – deblocker

ответ

0

Я сделал локальную копию в IE на каждой версии. Он отлично работает во всех версиях, кроме IE5. IE5 имеет ту же проблему, о которой вы говорили.

CSS element>element Selector поддерживается ниже IE7. Для элемента element>, который должен работать в IE8 и ранее, должен быть объявлен <!DOCTYPE>.

изменить его от:

#sortable >div { float: left; } 

к:

.ui-sortable-handle{float:left;} 

Updates Fiddle