1

据我了解，当您使用 jQuery Sortable 时，实际的列表项 ( li ) 会在 HTML 代码中重新排列。我想做的是创造排序的错觉，但只是移动图像名称（也许这可能需要交换 ID）。我已经设置了一个 Fiddle 来说明我的示例（在此示例中，列表项是可排序的，但 ID 和选定的项与它一起使用，我希望这些保持它们的顺序）：

JS 小提琴：http: //jsfiddle.net/7QFB7/

将所有内容保持相同顺序（减去图像名称）的最佳方法是什么？我需要更改列表项和选择框的 ID 以及输入的名称，以便即使重新排列它们，从技术上讲，唯一会移动的项目是图像名称。所以最终结果可能看起来像这样：

    <li id="thumb-1"><select id="image1"></select><input name="image1_path" value="imagename3.jpg"></li>

请注意，在上面的代码行中，所有名称和 id 都有 1，但图像名称有 3。这就是我想要实现的。

谢谢你。

4

1 回答 1

2

可以这样做：

演示

stop: function (event, ui) {
        ui.item.removeClass('dragging');
        $(this).find('li').each(function(i){
            var index = i+1,
                select =  $(this).find('select')[0];
           select.id = "image"+index;
            select.value = index;
        });
    }
于 2013-05-23T15:11:07.767 回答