4

データ ID を割り当てるすべてのポートレットにjQuery UI の並べ替え可能なポートレットを使用しています。1 つのポートレット要素の HTML 構造は次のようになります。

 <div class="portlet" data-id= "6">
        <div class="portlet-header"><h6>Heading</h6></div>
        <div class="portlet-content">First Person</div>
        <div class="portlet-content">10</div>
      </div>

上記のリンクのデモと同じように、3 つの列があります。すべての列にid1、2、3 を付けました。

<div class="column" id="1">

ポートレット構造はこれらの div 内にあります。

ポートレットをある列から別の列に移動するとid、次のように配置先の列を簡単に取得できます。

$( ".column" ).sortable({
    connectWith: ".column",
    handle: 'h6',
    receive: function(event, ui) {
      console.log(this);
    }

取得したいのは、data-id移動したポートレットの だけです。

どうすればそれを手に入れることができますか？jsFiddleはこちらです。

4

1 に答える 1

4

移動された要素は、ハンドラーに渡されitemた引数のプロパティで使用できるため、次のように記述できます。uireceive

console.log(ui.item.data("id"));

更新されたフィドルはこちらにあります。

于 2012-06-30T11:34:10.270 に答える