jquery - jQuery のソート可能なプレースホルダーの位置 (インデックス)

Question

ソート可能なプレースホルダーにソート可能な要素の位置 (またはインデックス) を表示したい。他の要素ではなく、最初の要素をドラッグするときに機能します (1 ではなく 0 の位置)。

確認してください: http://jsfiddle.net/upsidown/Hw2rJ/

私は何を間違っていますか？

Answer 1

私は同様の課題の解決策を探していましたが、これを見つけましたhttp://forum.jquery.com/topic/sortable-show-placeholders-position-and-give-it-a-numberと少しの適応(および修正) ) うまくいきました

$('.elements-sortable').sortable({
    placeholder: 'sortable-placeholder',
    opacity: 0.6,
    helper: 'clone',
    sort: function(event,ui){
        $(ui.placeholder).html(Number($('.elements-sortable > div:visible').index(ui.placeholder)+1));
    }
});

Answer 2

ドラッグする要素の前に新しい要素を追加することができます

だからこのコードを試してみましょう

var position;
$(".elements-sortable").sortable({

placeholder: "sortable-placeholder",
opacity: "0.6",

start: function(event, ui) {

    position = position = Number($(".elements-sortable > div:not(.ui-sortable-helper)").index(ui.placeholder)+1);
    $(".sortable-placeholder").html('Drop me at position ' + position);

},

change: function(event, ui) {
    position = position = Number($(".elements-sortable > div:not(.ui-sortable-helper)").index(ui.placeholder)+1);
    $(".sortable-placeholder").html('Drop me at position ' + position);
}
});

jsFiddleでテストしました

Answer 3

jsFiddleでこれを試してください

$(".connectedSortable").sortable({
    connectWith: ".connectedSortable",
    stop: function (e,ui ) {
        $("body").append("<p> current position : " + $(ui.item).prevAll().length + "</p>");
    }
});