これが私のスクリプトです...これはChromeでは正常に機能しますが、IEで移動しようとすると、並べ替え可能なアイテムが画面の上部にジャンプします。
<script type="text/javascript" language="javascript">
$(function()
{
$("#sortable tbody.content").sortable({
handle: ".sortablehandle",
placeholder: "ui-state-highlight"
});
$("#sortable tbody.content").disableSelection();
});
function chkTForm()
{
var tString = " ";
var tArray = $("#sortable tbody.content").sortable("toArray");
for (var i = 0; i < tArray.length; i++) {
tString += tArray[i] + " ";
}
}
</script>
ここに私のHTMLがあります。これは私のコードの簡単な要約です。コードは実際には動的です。
<table bgcolor='#FFFFFF' width='100%' id='sortable' cellpadding='5' cellspacing='3' border='1'>
<tbody class='content'>
<tr id='1'>
<td class='sortablehandle'>
<strong>Song 1 Title</strong>
<blockquote>Song 1 Description</blockquote>
</td>
</tr>
<tr id='2'>
<td class='sortablehandle'>
<strong>Song 2 Title</strong>
<blockquote>Song 2 Description</blockquote>
</td>
</tr>
<tr id='3'>
<td class='sortablehandle'>
<strong>Song 3 Title</strong>
<blockquote>Song 3 Description</blockquote>
</td>
</tr>
</tbody>
</table>