0

ドラッグ可能な 4 つの div があります。そして、daggable div をドロップする div。私のコードは基本的に、jQuery のサイトからダウンロードして少し変更した API にすぎません。

私の問題は、すべての 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");     
            }
        }
    });
});

このコードではうまくいきません。何か案は？

前もって感謝します！

よろしく、 VG

4

1 に答える 1

0

「if」ステートメントでは、次のようなことを行う必要があります。

if(ui.draggable.attr('id') === 'draggable')
{
    // do stuff
}
于 2011-06-10T14:45:14.240 に答える