javascript - 可排序 - 排除的项目仍会影响索引

Question

我有一个这样的可排序设置：

$('.sortable').sortable({
    items: '> *:not(.nosort)',
    axis: 'y',

    stop: function (event, ui) {
        var index = ui.item.index();
        // do something with the index
    }
});

我想忽略nosort可排序类中的元素。

这很好用；但是，我得到的索引似乎包括可排序的所有元素，而不仅仅是那些可以排序的元素，所以它不能真正用于我需要的东西。

有什么简单的方法可以避免这种情况吗？

---

这是一个可排序示例的jsFiddle 。

（注意：从索引中减去 1 不是一种选择，因为排除元素的数量和位置可能会有所不同）

Answer 1

获取一组.sortable子项，然后使用.index()，基于此找到索引...

您可以通过进行以下更改来做到这一点：

$(document).ready(function () {
    $('.sortable').sortable({
        items: '> *:not(.nosort)',
        axis: 'y',

        stop: function (event, ui) {

            // obtain index of the moved item
            var index = $(this).children(':not(.nosort)').index(ui.item);

            $('#index').text(index);

        }
    }).disableSelection();
});

演示：http: //jsfiddle.net/dirtyd77/Yy9hW/3/