1

我正在构建一个事件日历并使用 jQuery 中的可排序功能。我的目标是允许用户将事件拖到日历上的任何一天。

一天可以有多个事件，我的一天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();

我正在使用更新参数来提醒当前文本值。但是，我收到了给定 LI 组的所有文本值。例如，对于上面的那个，我的警报看起来像“事件 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 项目来获取有关拖动项目的信息。（您还需要在<ul>标签上调用 .sortable）。

看这个演示：http: //jsfiddle.net/WY6ru/

于 2012-04-20T19:44:45.990 回答