スクリプト用の追加のアドオンが1つ必要です。アイテムをドラッグアンドドロップすると、次のように出力されます:ドロップ。クラスアイテム名として印刷する方法はありますか?例:Item1をドラッグすると、Item 1が出力され、item2、item3、item4、item5などが出力されます。
<link rel="stylesheet" href="css/style.css" type="text/css"></link>
<script type="text/javascript" src="js/jquery1.4.2.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript" src="js/dragdrop.js"></script>
<div id="xx" class="out">
<p>Drop here</p>
</div>
<div class="item" name="item1">Item1</div>
<div class="item" name="item2">Item2</div>
アイテム3
$(function() {
$(".item").draggable({
revert: true
});
$("#xx").droppable({
tolerance: 'touch',
over: function() {
$(this).removeClass('out').addClass('over');
},
out: function() {
$(this).removeClass('over').addClass('out');
},
drop: function() {
$( this ).find( "p" ).html( "Dropped!" );
$(this).removeClass('over').addClass('out');
}
});
});