jquery - 在jQuery可拖动元素上隐藏悬停内容

Question

我有 jquery 可拖动元素，其 DOM 是：

<li class="smartobjects ui-draggable">
<a href="#">sdasd</a>
<div class="popup" style="display: none;">
  <div class="content-heading">sdasd</div>
  <div class="content"><p>null</p></div>
</div>
</li>

在 smartobject 悬停时，我正在显示其具有类的子 div popup。问题是，当我拖放父 li 元素时，我需要隐藏这个悬停 div。我尝试在可拖动句柄中使用启动和拖动事件来隐藏内部弹出 div。虽然没有工作。

这是处理程序：

$('.smartobjects').draggable({ containment: "#tblEmailContainer", scroll: false, opacity: 0.7, helper: "clone" });/*mark the smart object as draggable*/

任何帮助，将不胜感激。

链接到小提琴

Answer 1

使用start事件隐藏弹出窗口：

/*mark the smart object as draggable*/
$('.smartobjects').draggable({ 
    containment: "#tblEmailContainer", 
    scroll: false, 
    opacity: 0.7, 
    helper: "clone",
    start: function( event, ui ) {
        ui.helper.find('.popup').hide();
    } 
});

更新的小提琴