1

私はjQueryselectorsを使用しており、2つを一緒に指定しています。次に、このコードで各変数を参照しようとします。

UL_HeadersToOmit- 選択するリストです

UL_dropedCols- 次の関数または「ステージ」への参照として渡されるリストです。

$('#next').click(
function () {

    var dropblUL = $('#UL_dropedCols li');
    alert(dropblUL.length);
});



$('#UL_dropedCols, #UL_HeadersToOmit')
    .sortable({
               connectWith: '#UL_HeadersToOmit, #UL_dropedCols'
             })
    .droppable({

            drop: function (event, ui) {
                     var curUL = $(this);
                    //.. now till here from what i could see in tests 
                    // drop is connected to the first  #dropedCols
                    // so if i wanted to specify same thing for second HeadersToOmit
                   // how will i do it ?

                  }
            });

チュートリアルで人が接続しているのを見ることができました

$(obj).draggable().droppable().sortable()

すべてが 1 つのオブジェクトを参照している場合は問題ないと思いますが、2 つのオブジェクトを参照するにはどうすればよいでしょうか。

私の目標は当然です：ユーザーが選択したものを保存する...つまり、選択の最後に残っているものを意味し#UL_dropedCols（ユーザーがそれらの間で遊んでいることを念頭に置いてください-2、前後に）、[次へ]をクリックします。

アップデート

http://jsfiddle.net/rhW7C/46/embedded/result/

http://jsfiddle.net/rhW7C/46/

4

1 に答える 1

0

解決済み：receive以下に示すように、イベントがありませんでした。

$('document').ready(function() {

    var results = [];

    $('#UL_dropedCols, #UL_HeadersToOmit').sortable({
        tolerance: 'pointer',
        connectWith: '#UL_HeadersToOmit, #UL_dropedCols',
        receive: function(event, ui) {
            var draged = ui.item.attr("id");
            results.push(draged);
        }
    });

    $('#next').click(function() {
        var RLength = results.length;
        for (var i = 0; i < RLength; i++) {
            alert(results[i]);
        }
    });

});
于 2012-12-23T00:56:11.173 に答える