javascript - 升级到 jQuery 1.7 并更改事件对象

Question

好吧，我循环了一遍，但我最终将其追溯到回调中事件对象参数的更改。让我概述一下问题:

我最近从 1.6.2 升级到 jquery 1.7，并注意到发生了一些奇怪的事情。

最明显的是我的 jquery-ui (1.8.16)“sortables”开始产生一些不需要的副作用:

HTML 结构

<ul id="ulFeatured">
    <li><span class="Title">Item 1</span></li>
    <li><span class="Title">Item 2</span></li>
    <li><span class="Title">Item 3</span></li>
</ul>

<ul id="ulAvailable">
    <li><span class="Title">Item 4</span></li>
    <li><span class="Title">Item 5</span></li>
    <li><span class="Title">Item 6</span></li>
</ul>

JQUERY

$("#ulFeatured, #ulAvailable").sortable
(
    {
        connectWith: ".connectedSortable",
        receive: function (event, ui)
        {
            console.log(event.target);
        }
    }
).disableSelection();

结果

1.6.12
<ul id="ulFeatured" class="connectedSortable ui-sortable NoItems" style="">

1.7
<span class="Title">

有人对此有任何见解吗？我想使用 event.target 的原始功能作为接收该项目的项目。

谢谢! :)

Answer 1

您可以使用 jQuery 方法 .closest() 来查找该项目所属的列表。

$("#ulFeatured, #ulAvailable").sortable
(
    {
        connectWith: ".connectedSortable",
        receive: function (event, ui)
        {
            console.log($(event.target).closest('ul'));
        }
    }
).disableSelection();

Working example here