jQ 1.5とjQUI 1.8.9にアップグレードしたところ、ソートテーブルの動作が異常に始まった。リンクされたソート可能なアイテムがあります。アイテムをドラッグすると、ランダムに停止するように見えますが、一般的には薄れているようです。アップグレードに必要な変更はありますか?JQuery 1.5データApiの変更がJQueryのUIに影響を及ぼす
UPDATE - jQueryのUIのjsファイル内のエラーの数を取得
ライン上で未定義のプロパティ「sortables」を読み取ることができません1504 ライン1585上で未定義のプロパティオプションを読み取ることができませんし、1627 プロパティを読み取ることができません " 1461
に未定義の要素」UPDATE - ここで最小の例は
手順は次のとおり第1の青色ソートボックスの上及び第2の青色ソートボックスに赤いボックス(draggables)からアイテムをドラッグ。マウスを2番目のボックスにドラッグしようとすると、ドラッグが終了するはずです。
jquery uiはここでは必ずしもフォールトではないようですが、jqueryリファレンスを1.4.4に変更すると問題が解決されるため、jquery自体、特にデータAPIの変更によって問題が発生する可能性があります。
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/dark-hive/jquery-ui.css" rel="Stylesheet" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>
<script type="text/javascript">
$(function() {
$('.sortable').sortable({ connectWith: '.sortable' }).disableSelection();
$('.draggable>div').draggable({ connectToSortable: '.sortable' });
});
</script>
</head>
<body>
<style>
.draggable { border: 1px solid red; margin-bottom: 15px; width: 50%; padding: 5px;}
.sortable { border: 1px solid blue; margin-bottom: 15px; width: 50%; padding: 5px;}
</style>
<div id="draggers" class="draggable">
<div class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Drag 1</div>
<div class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Drag 2</div>
<div class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Drag 3</div>
</div>
<div id="sortable" class="sortable">
<div class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Sort 1</div>
<div class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Sort 2</div>
<div class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Sort 3</div>
</div>
<div id="sortable2" class="sortable">
<div class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Sort 4</div>
<div class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Sort 5</div>
<div class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Sort 6</div>
</div>
</body>