私は別のポストから次のコードを借りて、それが行く限り動作します。私は2つのアイテムのリストの間を交換する必要があります。私は複数の項目のコードを変更する方法を理解できません。
ColdFusionを使用していますので、cfoutputを参照しています。私はクエリーをループしています。私はそれを二度する。一度ラインナップの選手(彼らは有効な週番号を持っている)を開始し、再びベンチ選手のために。アイデアは、ベンチプレーヤをスタートラインナップに移すことです。
<html>
<head>
<script type="text/javascript">
jQuery.fn.swapWith = function(to) {
return this.each(function() {
var copy_to = $(to).clone();
var copy_from = $(this).clone();
$(to).replaceWith(copy_from);
$(this).replaceWith(copy_to);
});
};
$(document).ready(function() {
options = {
revert: true,
helper: 'clone'
};
$("li").draggable(options);
$('#wrapper').droppable({
drop: function(event, ui) {
// window.setTimeout(function(){
$('#one').swapWith($('#two'));
$(".ui-draggable-dragging").remove();
$("li").draggable(options);
//}, 1);
}
});
});
</script>
</head>
<body>
<form>
-
<div style="width: 100px; height: 100px; border: 1px solid green">
one
</div>
-
<div style="width: 110px; height: 110px; border: 1px solid red">
two
</div>
</form>
</body>
</html>