javascript - 光标通过 CSS :hover. 更改，无需移动鼠标即可从 DOM 中删除元素。更新鼠标光标？

Question

我有一个动态创建的 HTML 元素。它有一些 CSS 和 HTML:

<div id="element"></div>

#element{
    height: 200px;
    width: 200px;
    background-color: blue;
}

#element:hover{
    cursor: pointer;
}

然后当鼠标仍在该元素上时，以编程方式将其从页面中删除。

$('#element').hover(function(){
    setTimeout(function(){
        $(this).remove();
    }.bind(this), 1000);
});

在鼠标移动之前，这会使光标看起来像一个指针。有没有办法在仍然使用 CSS 悬停的同时解决这个问题？

这是一个 fiddle :http://jsfiddle.net/mHdtU/

编辑:这是在最新的谷歌浏览器中。此外，显然隐藏元素会导致光标更新。光标在删除时不更新是 Google Chrome 中的错误吗？

$('#element').hover(function(){
    setTimeout(function(){
        $(this).hide();
        setTimeout($(this).remove.bind(this));
    }.bind(this), 1000);
});

Answer 1

不确定是否适合你，但你可以使用

$(this).hide();

代替 .remove() 使指针返回箭头。

根据您的回答进行编辑:

$('#element').hover(function(){
    setTimeout(function(){
        $(this).hide(0,function(){$(this).remove.bind(this)});
    }.bind(this), 1000);
});

这样，您就可以等到隐藏动画完成。