Как сделать перетаскиваемый div с различными функциями? - PullRequest
Новая
       30

Как сделать перетаскиваемый div с различными функциями?

0 голосов
/ 10 июня 2011

У меня есть четыре div, которые можно перетаскивать. И Div, где я бросаю Daggable Div Мой код - это просто API, который я скачал и немного изменил сайты jQuery.

Моя проблема в том, что все div'ы выполняют одну и ту же функцию, когда их отбрасывают. Как я могу сделать отдельные функции для отдельных div?

Это выглядит так: 

$(function() {
$("#draggable").draggable({ revert: "invalid" });
$("#draggable2").draggable({ revert: "invalid" });
$("#draggable3").draggable({ revert: "invalid" });
$("#draggable4").draggable({ revert: "invalid" });

$("#droppable").droppable({
    activeClass: "ui-state-hover",
    hoverClass: "ui-state-active",
    drop: function(event, ui) {
        if (document.getElementById('draggable')){
            window.location.replace("http://www.example.com");      
            }
        if (document.getElementById('draggable2')){
            window.location.replace("http://www.example2.com");     
            }
        if (document.getElementById('draggable3')){
            window.location.replace("http://www.example3.com");     
            }
        if (document.getElementById('draggable4')){
            window.location.replace("http://www.example4.com");     
            }
        }
    });
});

Не повезло в этом коде. Есть идеи?

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

С уважением, В.Г.

1 Ответ

0 голосов
/ 10 июня 2011

В ваших утверждениях «если» вам нужно сделать что-то вроде: 

if(ui.draggable.attr('id') === 'draggable')
{
    // do stuff
}
...