2009-05-24 10 views
1

stackoverflowコミュニティの助けを借りて、私はJQueryを使って完全に動作するようにドラッグする必要があります。さて、私は.dropクラスを割り当てて(それを.droppableにしました)、.draggableを.droppableにドロップすると、何も起こりません! JavaScriptにエラーがありますか?.droppableは何もトリガーしていないようですか? JQuery + ASP

<script type="text/javascript"> 
    $(document).ready(function() { 
doReady(); 

var prm = Sys.WebForms.PageRequestManager.getInstance(); 
prm.add_endRequest(function(s, e) { 
    doReady(); 
}); 
}); 

function doReady() { 
$('.drag').draggable({ revert: true,helper: 'clone' });} 
$('.drop').droppable({ 
tolerance: touch, 
drop: function() { alert('dropped'); } 
}); 
</script> 

スクリプトの先頭部分は、部分的なポストバック後に作業を継続するためにドラッグ&ドロップ&の良さにできます。

答えて

3

は私が

$(document).ready(function() { 

    doReady(); 

    var prm = Sys.WebForms.PageRequestManager.getInstance(); 
    prm.add_endRequest(function(s, e) { 
     doReady(); 
    }); 

    }); // End of document ready 

    function doReady() { 

    $('.drag').draggable({ revert: true,helper: 'clone' }); 

    } // End of do ready 

    $('.drop').droppable({ 
    tolerance: "touch", // Here should be a string 
    drop: function() { alert('dropped'); } 
    }); 

あなたのコードをフォーマット文字列

tolerance: "touch", 

する必要がありますあなたは$を見ることができます( 'ドロップ')doReady機能ではありません。

修正済み。

function doReady() { 

    $('.drag').draggable({ revert: true,helper: 'clone' }); 
    $('.drop').droppable({ 
     tolerance: "touch", // Here should be a string 
     drop: function() { alert('dropped'); } 
    }); 

} // End of do ready 
+0

私はそれを更新し、それは現状であるようですか? .dropとマークされたラベルに何かを落とすと、警告機能がトリガされることはありません。 –

+0

私は自分の答えを更新しました –

+0

それはそれでした!完璧!次回は、開始タグと終了タグの位置とタグの個数の関係について詳しく説明します。私は本当にあなたの助けに感謝します! –

0

doReady()関数の最後に}を忘れましたか?ここで

+0

私はしなかったと思いますか?私は開口部の数を数えて閉じ込めているようだ。残りの開閉声明までは、既存のコードスニペットの変更を完全に混乱させてしまったと思います。タグを開いたり閉じたりするというコンセプトは、これまで私が使ったことがないので、少し新しくなっています。 VB.net:D –

+0

ああ、私はあなたが$( '。drag')...行の最後に '}'をつまんでいるのを見ています。つまり、$( '。drop')...行はdoReady()にありません。 –

関連する問題