Pomoc w programowaniu, odpowiedzi na pytania / JavaScript / Brakujący efekt nadrzędny po włączonym div (jquery draggable / droppable) - javascript, jquery, przeciągalny, droppable

Brak efektu over-effect po przełączeniu div (jquery draggable / droppable) - javascript, jquery, przeciągalny, droppable

Używam jquery's przeciągalne i droppable dlaimplementacja funkcji upuszczania "n" upuszczania: Istnieją dwie zakładki, z których każda zawiera zrzucaną strefę z draggables. Teraz mogę wybrać opcję przeciągania i przenieść ją do drugiej karty - zakładka zmienia się, gdy przesuję kartę po przeciągnięciu. (Podobnie jak MS WinExplorer, jeśli przenosisz plik z jednego katalogu do drugiego ...). Aby wskazać, że użytkownik znajduje się nad strefą zrzucaną, używam opcji hoverClass.

Problem: Po kilkukrotnej zmianie zakładek podczas przeciągania efektu hover brakuje. Jeśli rozmiar przeglądarki wymaga pasków przewijania i przesuję wskaźnik za pomocą przeciągania do jednej z obramowań przeglądarki (tak, aby przeglądarka przewijała), wyświetlany jest efekt unoszący się .... Dodałem zawyżone wydarzenie do droppable, aby sprawdzić, czy to zawsze jest strzelane - ale tak nie jest.

$(".drag").draggable({
revert: "invalid",
helper: function () {
return $("<div></div>").addClass("drag-dragging").appendTo("body").text($(this).text());
}
});

$("#panel-1-droppable,#panel-2-droppable").droppable({
accepts: "drag",
hoverClass: "panel-dropover",
over: function () {
// just to check the over-event
$("#over-state").text("Mouseover with draggable [" + $(this).attr("id") + "]");
}
});

$(".panel-tab").droppable({
over: function () {
// changing tab...
}
});

Stworzyłem scenariusz testowy, aby odtworzyć problem: http://jsfiddle.net/CKYJs/5/

Mam nadzieję, że dostarczyłem wszystkie niezbędne informacje ...