Question

我有一个小div，我正在使用它作为工具提示来提供某些信息。它被称为resizetip。我有另一个可调整大小的div，我使用jQuery可调整大小如下：

$this.resizable();

现在，在调整大小期间，我希望tip div在用户的鼠标坐标处可见。因此，当用户调整DIV的大小时，这个小工具提示会在调整大小期间跟随鼠标提供一些信息。当用户停止调整大小时，可以使用“关闭”链接关闭提示。这是我的代码，在FF和Chrome中可以很好地找到它，但我也需要让它适用于IE8：

/* some code where we the resizable DIV is $this */

$this.on("resizestart", function(event,ui){
    $('#resizetip').show();
    });

$this.on("resize", function(event,ui){
    $tip = $('#resizetip');
    $tip.css('left',event.originalEvent.clientX+"px");
    $tip.css('top',event.originalEvent.clientY+"px");
     });
 $this.on( "resizestop", function( event, ui ){ 
           $tip = $('#resizetip');
           $tip.html("/*some html here that includes link to close the tip*/");
     });

当用户正在调整大小时，一切都很好。现在，当用户停止调整大小时，提示的html应该更改为包含允许用户关闭链接的<a href='#' onclick='javascript:$("#resizetip").hide()'>Close</a>。这也成功了。

但是在IE8之后会发生的事情是，当用户将鼠标移动到可调整大小的div上时（即使只是单击“关闭”链接），该提示会再次跟随鼠标，尽管它只是应该这样做在调整大小操作期间，现在已停止。似乎IE8已经决定调整大小事件不仅仍在工作，而且还转变为鼠标悬停事件。这里的解决方法是什么？

修改

这是小提琴： http://jsfiddle.net/rNcJL/1/ - 忘记代码本身不起作用，显然jsfiddle本身甚至不能在IE8上运行！

jQuery resizable的onresizeStop方法在IE8中无法正常工作？

修改

0 个答案: