0

DOM が次の jquery ドラッグ可能な要素があります。

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

どんな助けでも大歓迎です。

フィドルへのリンク

4

1 に答える 1

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

更新されたフィドル

于 2013-09-20T06:22:56.547 に答える