jQuery UI可选-未触发鼠标悬停

我有一个项目列表，单击拖动并选择我使用的jQuery UI。选择部分工作正常，但我已将“mousedown”和“mouseup”事件委托给项目列表，但在包含jquery-ui.css文件时不会触发“mouseup”事件

HTML

<div id="favoritelist">
    <span>This is favorite list</span>
    <ol id="selectable">
        <li class="ui-widget-content">Item 1</li>
        <li class="ui-widget-content">Item 2</li>
        <li class="ui-widget-content">Item 3</li>
        <li class="ui-widget-content">Item 4</li>
        <li class="ui-widget-content">Item 5</li>
        <li class="ui-widget-content">Item 6</li>
        <li class="ui-widget-content">Item 7</li>
    </ol>
</div>

我已包括以下文件：

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

当我包含“jqueryui.css”文件时，不会触发mouseup事件。 但是当我删除“jqueryui.css”文件时，mouseup事件被正确触发，选择也按预期工作

当我包含jquery-ui.css文件时，我不明白为什么mouseup事件没有传播

---

JSBIN

这个问题/行为已经在这里和jQuery中讨论过了&它归结为这样一个事实，即有一个helper DIV被注入，以显示用户在单击和拖动可选项时看到的可视“套索”。这个套索DIV位于鼠标和可选元素之间，因此会干扰mouseup事件

所有引用的链接建议两个选项：

使用可选小部件上的可选距离，或

使用以下CSS覆盖：

.ui可选帮助程序{指针事件：无}

---

我发现后者更可靠，尽管前者是技术上的首选路线。

这个问题/行为已经在这里和jQuery中讨论过了&-它归结为一个事实，即有一个helper DIV被注入，以显示用户在点击和拖动可选项时看到的视觉“套索”。这个套索DIV位于鼠标和可选元素之间，因此会干扰mouseup事件

所有引用的链接建议两个选项：

使用可选小部件上的可选距离，或

使用以下CSS覆盖：

.ui可选帮助程序{指针事件：无}

我发现后者更可靠，尽管前者是技术上首选的路线

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>