在jQuery可拖动元素上隐藏悬停内容答案

【问题标题】：Hide Hover content on jquery draggable element在jQuery可拖动元素上隐藏悬停内容
【发布时间】：2013-09-19 10:24:00
【问题描述】：

我有 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*/

任何帮助将不胜感激。

Link To Fiddle

【问题讨论】：

你能加个小提琴吗？
我无法理解是否可以拖动 li 或其父项；你能提供一个演示和/或详细说明你的演示代码吗？
@IrvinDomininakaEdward ：添加小提琴链接...

标签： jquery jquery-ui

【解决方案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();
    } 
});

Updated fiddle

【讨论】：