Как изменить фон у блока, куда перетаскивают файлы для загрузки, при hover?

Question

[pashabomber]

Добрый день!

На сайте задумана загрузка файлов через перетаскивание их в блок. bnews2.volodin-web.ru/reporter-popup.html
Мне нужно сделать, чтобы он менял цвет фона когда мышка с файлом наведена в любом месте его области. :hover не работает, если мышкой перетаскивать туда файл.

Подскажите, пожалуйста, как решить эту задачу?

Заранее спасибо!

Answer 1

[The Whiz]

Посмотри как сделано здесь: jqueryui.com/droppable/#visual-feedback

$( "#draggable" ).draggable();
$( "#droppable" ).droppable({
    hoverClass: "ui-state-active",
    drop: function( event, ui ) {
        $( this )
            .addClass( "ui-state-highlight" )
            .find( "p" )
                .html( "Dropped!" );
    }
});
$( "#draggable2" ).draggable();
$( "#droppable2" ).droppable({
    accept: "#draggable2",
    activeClass: "ui-state-hover",
    drop: function( event, ui ) {
        $( this )
            .addClass( "ui-state-highlight" )
            .find( "p" )
                .html( "Dropped!" );
    }
});