可隐藏且';可回收的';javascript上下文工具栏

可隐藏且';可回收的';javascript上下文工具栏,javascript,jquery,Javascript,Jquery,我正在搜索在悬停大列表的元素时提供工具栏的插件/脚本。在这个问题上几乎是这样的: 然而,我不希望它像css菜单一样。正如我所说,这将是一个非常大的列表,我希望它的标记不会重复n次。所以我需要一个javascript,当它们悬停时,它可以将同一个工具栏从一个列表元素移动到另一个列表元素 我知道应用这种策略移动工具提示元素,并在显示时更改内容,但它仅用于显示信息性文本。我不能向它添加按钮,它的位置是根据实际的鼠标位置来确定的,而不是悬停的元素 ps:我将这个问题标记为jQuery,因为项目正在使用

我正在搜索在悬停大列表的元素时提供工具栏的插件/脚本。在这个问题上几乎是这样的:

然而,我不希望它像css菜单一样。正如我所说,这将是一个非常大的列表,我希望它的标记不会重复n次。所以我需要一个javascript,当它们悬停时,它可以将同一个工具栏从一个列表元素移动到另一个列表元素

我知道应用这种策略移动工具提示元素,并在显示时更改内容,但它仅用于显示信息性文本。我不能向它添加按钮,它的位置是根据实际的鼠标位置来确定的,而不是悬停的元素


ps:我将这个问题标记为jQuery,因为项目正在使用它,但我对任何依赖于框架或不依赖框架的解决方案都持开放态度。

类似的方法应该可以:

var toolbar = $('#toolbar');
$('#yourTable').delegate('.has-tooltip', 'mouseenter', function() {
    toolbar.insertBefore(this);
}).delegate('.has-tooltip', 'mouseleave', function() {
    toolbar.detach();
});

学员将触发与
匹配的元素上的事件。在
#yourTable

中有工具提示
。感谢您的建议。正如我所说的,它打算在大列表(比如300~4000项)上实现,这个脚本将实例化尽可能多的侦听器。可以用hover完成一些授权吗?我知道live(),但如果我只需要监听一个容器,它就会监听整个文档。它会实例化多个侦听器,但只实例化一个工具栏。我将更新答案以使用代理。