jQuery悬停在后续悬停时重新定位

Question

我hover在一个元素上设置了一个事件,该元素使用jQuery UI的position函数div在其下方显示一个右侧,并将"out"设置为隐藏它div.

问题是,随后div在每次悬停时徘徊的位置越来越远.

示例:http://jsfiddle.net/Shpigford/8ZkgJ/

将鼠标悬停在红色框上,然后再次将鼠标悬停在它上方,您会看到蓝色框快速进一步定位到右侧.

如果我改变一个click事件,也会发生同样的事情.当我隐藏div并然后再次尝试显示它时,似乎有些奇怪的事情正在发生.

Answer 1

而不是position({...}).show(),使用show().position({...}).原因是positon当元素不可见时不起作用.您可以在http://api.jqueryui.com/position/找到以下注释:

jQuery UI不支持定位隐藏元素