【问题标题】：jquery sortable event triggerjquery 可排序事件触发器
【发布时间】：2015-03-12 09:49:09
【问题描述】：

我有一个 div 中的项目列表，可以使用 jquery 排序将其移动到另一个列表。这是我的html：

        <ul id="sortable2" class="droptrue">
        <span>MyPage disponibili</span>
    <?php $i = 0; foreach($clocks as $clock) { ?>
            <li class="percheckbox clock ui-state-default" id="orologio_<?php echo $clock['id']; ?>">
                <?php echo $clock['nome']; ?>
            </li>
    <?php $i += 1; } ?>
        </ul>
        <ul id="sortable4" class="droptrue">
        <span>MyPage selezionati</span>
        </ul>

因此用户可以将项目从#sortable2 移动到#sortable4。当用户将至少一个项目从#sortable2移动到#sortable4时，我想将一些css应用于dom中的另一个div。我试图寻找我应该查看什么样的事件（更改、模糊、ecc），但找不到我的问题的答案。

有什么想法吗？

【问题讨论】：

标签： javascript jquery jquery-ui

【解决方案1】：

您可以为此使用接收事件！

来自documentation of the receive event：

当已连接的可排序列表中的项目被放入另一个列表时触发此事件。后者是事件目标。

所以你可以这样做：

$( "#sortable4" ).sortable({
    receive: function( event, ui ) {
        //do something
    }
});

【讨论】：

【解决方案2】：

您需要查看 Jquery Ui Sortable API 和那里的事件 http://api.jqueryui.com/sortable/#event-update

例如，您可以在 sortable4 目标上查找更新事件：

$( "#sortable4" ).sortable({
   update: function( event, ui ) {}
});

【讨论】：