Question

我有jquery draggable元素，其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。我尝试在draggable句柄中使用start和drag事件来隐藏内部弹出div。虽然没有工作。

这是处理程序：

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

任何帮助都将不胜感激。

Link To Fiddle

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();
    } 
});

<强> Updated fiddle

在jquery draggable元素上隐藏悬停内容

1 个答案: