1

イベントカレンダーを作成し、jQueryの並べ替え可能な関数を使用しています。私の目標は、ユーザーが予定をカレンダーの任意の日にドラッグできるようにすることです。

1日に複数のイベントが発生する可能性があり、私の1日のDIVは次のようになります。

<div>
  <ul id="day1" class="day">
    <li class="eventDetail" id="1_1">Event 1</li>
    <li class="eventDetail" id="1_2">Event 2</li>
    <li class="eventDetail" id="1_3">Event 3</li>
  </ul>
</div>

これが私のソート可能な関数です

$(".eventDetail").sortable({
    connectWith: ".eventDetail",
    update: (function(event, ui){
        alert($(this).text());
    })
}).disableSelection();

現在のテキスト値を警告するためにupdateパラメーターを使用しています。ただし、特定のLIグループのすべてのテキスト値を受け取っています。EG、上記のアラートの場合、「イベント1、イベント2、イベント3」のようになります-なぜですか？

ありがとう！

4

2 に答える 2

1

代わりにこれを試してください：

...
update: (function(event, ui){
    alert($(ui.item).text());
    alert($(ui.placeholder).text());
}
...
于 2012-04-20T19:43:06.200 に答える
0

コールバックでuiアイテムを使用して、ドラッグされたアイテムのみに関する情報を取得できます。（タグで.sortableを呼び出す必要もあります<ul>）。

このデモを参照してください：http：//jsfiddle.net/WY6ru/

于 2012-04-20T19:44:45.990 に答える