您可以使用接收事件！

Question

我有一个div中的项目列表，可以使用jquery sortable移动到另一个列表。这是我的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），但无法找到我的问题的答案。

有什么想法吗？

Answer 1

您可以使用接收事件！

来自documentation of the receive event：

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

所以你可以这样做：

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

Answer 2

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

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

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

jquery可排序事件触发器

2 个答案:

您可以使用接收事件！