我有一个带有可排序列表的页面。根据数据库中的值动态填充列表。我的目标是拖放列表项,然后重新分配他们的新订单"到我的数据库中的字段。下面的代码在Firefox中完美运行,但在Chrome和IE中则不然。在这两个浏览器中拖放工作,所以我怀疑问题是在我的"重新排序功能"。任何帮助将不胜感激。
/* sortable function */
$(function() {
$( "#sortable" ).sortable();
});
/* re-sort function */
function sort(){
/* variables */
var count = document.getElementById('sortable').getElementsByTagName('li').length;
var flyerNum = document.getElementsByName('sortKey');
var tempArray = new Array();
var newOrder = new Array();
var unorderedList = document.getElementById('sortable');
var ListItems = unorderedList.getElementsByTagName('li');
/* loop through list items */
for(var i = 0; i < count; i++)
{
flyerNum[i].setAttribute('value', i+1); /* increment list item */
tempArray[i] = i+1; /* increment array item */
newOrder[i] = ListItems[i].value; /* re-assign array value */
}
document.getElementById('flyer_IDs').value = newOrder; /* re-assign array values */
document.getElementById("editflyer").submit(); /* submit form */
};