Jquery UI可调整大小的自动隐藏句柄

Question

我希望最初在加载元素时显示resize句柄。然后，一旦用户在红色容器上盘旋，我想调用句柄上的自动隐藏选项。因此，从那时起它将具有自动隐藏行为。

我已将代码设置为在悬停时应用自动隐藏选项但由于某种原因它无法正常工作。

DEMO http://jsfiddle.net/xBB5x/12034/

// no auto hide intially
$('#resize').resizable({
  aspectRatio: true,
  //                autoHide: true,
  handles: {
    se: $('#resize').find('.resize_element')
  },
});

// apply autohide behaviour when container is first hovered over 
// not currently working though?
$( "#container" ).hover(function() {
  $('#resize').resizable( "option", "autoHide", true );
});

Answer 1

您需要稍微更改.hover功能：

$( "#container" ).hover(function() {
$('.resize_element').hide()
}, function(){
$('.resize_element').show()
});

在这里工作小提琴：http://jsfiddle.net/xBB5x/12035/

如果您不想重新显示缩放器，则删除第二个将其恢复的功能。