在ajax响应上移动项目

我有4个元素，它们的顺序为1,2,3,4。我可以通过拖放元素来改变这个顺序。问题是，我希望元素在页面上的所有浏览器上都可以更改。目前我已经做了一个Ajax调用，并且能够在其他浏览器中获取这些数据。在ajax响应上移动项目

现在我的问题：我从ajax调用收到的数据，我想更新有错误顺序的项目。更改数据的

例子：

var data = [{ 
    id: 1, 
    order: 3 
}, 
{ 
    id: 2, 
    order: 1 
}];

里面我的HTML我有一个名为“数据板-ID”的属性，而“数据顺序”。这些是指订单和董事会ID。

您能否提供更多信息，您的html结构如何，您是否使用jq uery /纯粹的JavaScript。 –

尝试使用array.sort？

我希望这回答您的非常模糊的问题

2016-03-09 15:39:14

我已经添加了更多信息，也许你更好地理解了这个问题，你能回复！ –

在从您的Ajax请求接收数据时，您可以使用订单ID为键创建一个有序阵列。例如;

var items = []; 
items[data-order] = id; // items[1] = 3 & items[2] = 1;

在项目数组上循环可根据需要替换div。我甚至会考虑清理数据板并在循环内从头开始添加它们。

上面的代码不会解决这个问题，但可能会帮助您将它移向正确的方向。

2016-03-09 15:42:45 Lewis

对不起，这个问题很糟糕！我从我的HTML中截取了一些截图。我有两个谷歌浏览器标签打开，每3秒收到一个像这样的数据ajax调用：http://puu.sh/nAsXy/646d24dcdb.png。

如果您比较下面的图片，您可以看到，如果进行了任何更改，我想用正确的顺序更改HTML列表。

截图当前HTML的： HTTP：//puu.sh/nAsGx/6fdc334e45.png

截图改变的HTML中第一款谷歌Chrome浏览器选项卡：HTTP：//puu.sh/nAsIz/bea08f029d png格式第二谷歌浏览器选项卡

截图Ajax调用后：HTTP：//puu.sh/nAsNK/b3993e8ae9.png

我不能发表，因为我的名气超过两个链接...

2016-03-09 16:15:51

回答