Не работает ли перетаскивание html5 в браузере Safari для Windows?

Question

Не работает ли перетаскивание html5 в браузере Safari для Windows? Если да, есть ли обходные пути?

Я использую Safari 5.1.2 в Windows 7, и цели перетаскивания всегда отображаются как не подлежащие сбросу. Пробовал это на 2 разных компьютерах с Windows 7 с чистой установкой и последней установкой.

Пробовал и с этой демонстрацией, и с моим собственным кодом, который работает на любом последнем браузере.

http://html5demos.com/drag

Answer 1

Действительно, D & D для Safari не работает.

Вид обходного пути для Safari:

Поместите логику в событие 'dragend' перетаскиваемого объекта
Вместо этого в событии drop на объект.

Answer 2

Да. После многих сомнений в себе, экспериментов и исследований я могу сказать, что он определенно сломан и для меня (Safari 5.1.7 на Windows) по состоянию на сегодня: 15 ноября 2012 года. Это было довольно запутанным и тревожным!

Надеюсь, Apple скоро придет на вечеринку.

Answer 3

С http://html5doctor.com/native-drag-and-drop/#dragging_anything
добавьте это:

[draggable=true] {
  -khtml-user-drag: element;
}

Перетаскивание без HTML5 доступно через пользовательский интерфейс jQuery: http://jqueryui.com/demos/draggable/

Вы можете создать загрузкутолько с этой конкретной функцией, если вы хотите, чтобы она была легкой.

Вы можете использовать Modernizr, чтобы определить, поддерживается ли она, и использовать jQuery, если необходимо:

if (Modernizr.draganddrop) {
  // Browser supports HTML5 DnD.
} else {
  // Fallback to a library solution.
}

С http://www.html5rocks.com/en/tutorials/dnd/basics/