jQueryUIを使用して「接続された」並べ替え可能な機能をテストしようとすると、FirebugConsoleでエラーが発生します。テーブルの行をドラッグするとすぐに受け取るエラーの種類は次のとおりです。
Error: Permission denied to access property 'sortableItem'
target[ name ] = copy;
Firebugをオフにすると、Sortable機能は問題なく機能するようです。
私がテストしているコードは次のとおりです。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>ja test</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
<script>
$(document).ready(function(){
$( ".connected" ).sortable({
items: 'tbody > tr',
connectWith: ".connected",
update: function(e, ui){
// AJAX code will go here
alert("hello"); // testing only
}
});
});
</script>
</head>
<body>
<table border="0" width="50%" class="connected" id="unranked">
<thead>
<tr class="body-bold">
<td>id</td>
<td>Start Date </td>
<td>End Date </td>
<td> </td>
</tr>
</thead>
<tbody id="sortableUnranked">
<tr id="contentid-9896">
<td>A9896</td>
<td>2013-02-21</td>
<td>2013-03-31</td>
<td><input class="edit-button" type="button" name="edit" value="Edit"></td>
</tr>
</tbody>
</table>