ajax / jquery在FF工作,但不是IE或Chrome

时间:2014-03-12 12:55:40

标签: jquery ajax

我有一个带有可排序列表的页面。根据数据库中的值动态填充列表。我的目标是拖放列表项,然后重新分配他们的新订单"到我的数据库中的字段。下面的代码在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 */

};

0 个答案:

没有答案