Question

我有一个div容器，其中包含一个可以拖动的元素（使用jQueryUI）。

<div id="container" style="width:150px;height:100px;">
    <div id="child">dragme</div>
</div>

将鼠标悬停在容器元素上时添加边框。当鼠标离开容器时，我会删除边框。

$('#container').mouseover(function (event) {
    event.stopPropagation();
    $(this).css('border', '5px solid red');
});
$('#container').mouseout(function () {
    $(this).css('border', '0px');
});

$('#child').draggable({});

问题：当我拖动子元素时，不会删除边框。拖动不会触发mouseout事件。当鼠标离开时，是否还有其他可用于从容器中移除边框的事件？

Answer 1

您需要使用活动。

$( ".selector" ).on( "dragstop", function( event, ui ) {
      $('#container').css('border', '1px solid black');
} );

API文档： http://api.jqueryui.com/draggable

拖动元素和mouseout事件

1 个答案: