2011-02-09 10 views
2

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> 

答えて

4

jquery 1.5とjquery 1.8.9は一緒にサポートされていないようです。この場合、1.5 cloneの.cloneメソッドは以前はやっていなかった出来事を修正し、1.5.1の準備が整いました。 jquery ticket

関連する問題