0

ul仕分けで2本使います。両方がアイテムを交換できるようにli、他の人に転送できるソート可能な機能を作成します。ul私の問題は、li が転送されている ul の正確な ID を取得できないことです。

シナリオ例:

Test 1secondにドラッグするul (no2)と転送されますが、取得する idは (テスト 1 が転送さ1れる ul の元の ID) であり、次は2(テスト 1 が転送される ul の ID) です。必要なのは、テスト 1 が転送される ul の id だけです2。正確な値を取得するには？

ここに私のコードがあります：

<ul class="connected list no1" id="1">
    <li style="cursor:move;" id="trans_1">Test 1</li>
    <li style="cursor:move;" id="trans_2">Test 2</li>
</ul>

<ul class="connected list no2" id="2">
    <li style="cursor:move;" id="trans_3">Other 1</li>
    <li style="cursor:move;" id="trans_4">Other 2</li>
</ul>

<script>    
    $(function() {
        $('.connected').sortable({
            connectWith: '.connected',
            dropOnEmpty: true,
            update: function(){
                 //alert($(this).parents('ul').attr('id'));
                alert($(this).attr('id'));
            }
        });
   });
</script>

追加：

転送のIDを取得する方法はli?

アップデート：

私が必要とするのは、その逆の転送ul id先を取得することです。li上で述べたことは単なるサンプルであり、私が欲しいだけという意味ではありませんid=2。Other 1ID が である他の ulに転送するとどうなりますか1。その逆も同様です。

4

2 に答える 2

1

これをチェックしてください

$(function() {
    $('.connected').sortable({
        connectWith: '.connected',
        dropOnEmpty: true,
        receive:function(event, ui ){
            alert(ui.item.attr('id'));
        }
    });
});
于 2013-04-16T06:50:47.993 に答える
0

問題が何であるかを確認してください。両方に共通のcssクラスがあるため<ul> .connected、両方のIDを取得します。代わりに、css クラスとイベント<ul>を持つ秒のみをターゲットにして、その ID を探すことができます。.no2bindsortupdate

こちらです：

$(function() {
   $('.connected').sortable({
     connectWith: '.connected',
     dropOnEmpty: true
   });

   $('.no2').bind('sortupdate', function(e) {
     alert(this.id);
   });
});

これを試して、これが役立つかどうかを確認してください。

デモフィドル

于 2013-04-16T06:12:17.633 に答える