2011-07-31 56 views
0

HTML:jqueryのドラッグ&ドロップのUI

<div id="divDroppable"> 
    <div id="element1"></div> 
    <div id="element2"></div> 
    <div id="element3"></div> 
</div> 

jqueryの:私のミスです

$("#element1").draggable(); 
    $("#element1").droppable({ 
    drop: function() { alert('dropped'); } 

ドロップ機能アラートが発動されていませんか?私はdivの各elemtを実行するループがドラッグされなければならないが、それらの間でループすることができないbcz各idは異なる。

答えて

0

最初に気付くのは、構文エラーです。行は完全ではありません。

$("#element1").draggable(); 
$("#element1").droppable({ 
    drop: function() { alert('dropped'); } 
}); 

あなたが各要素に同じことを行いたい場合は、このような何か行うことができます:

$("#divDroppable div").each(function() { 
    var id = this.id 
    $(this).draggable().droppable({ 
     drop: function() { alert('dropped ' + id); } 
    }); 
}); 
+0

実際のコードでは間違えないquestion.itsを投稿する私のミスですノーノーを。 –

+1

DOMの準備が整った後にコードをロードしていますか? (例えば '$(function(){'/*コード*/'});ブロック? – redbmk

+0

ありがとう@redEvo私はsolun.iにDOMの後にコードをロードしてsolunを取得しました。 –

関連する問題