jQuery MouseOut triggers mouseEnter

Question

私はdivを追加するコードの上にマウスを置いています。

私もmouseoutためのスクリプトを持っているが、それはコードが "mouseleave" に

$(".actipntrg").on("mouseleave" , function() { $(this).remove(); }); }); 

Answer 1

変更 "マウスアウト" であり、それが動作するはずmouseenter

Demo

<div class="topicaction"> 
<i class="fa fa-caret-down edit-topic-open" aria-hidden="true">Hover</i>      
</div> 

$("body").on("mouseenter", ".edit-topic-open", function() { 
$(this).after('<div class="actipntrg"><span class="edit-topic" data-toggle="modal" data-target="#summernoteModal"><i class="fa fa-pencil-square-o" aria-hidden="true" data-value=""></i> Edit</span><span class="remove-topic"><i class="fa fa-times" aria-hidden="true" data-value=""></i> Remove </span><span class="cancel_a"><i class="fa fa-times" aria-hidden="true"></i> Cancel</span></div>'); 

$(".actipntrg").on("mouseout" , function() { 
     $(this).remove(); 
    }); 
}); 

Answer 2

にトリガ。だからあなたはこれを持っています。

$(".actipntrg").on("mouseleave" , function() { 
    $(this).remove(); 
});