使用jquery插件悬停div时显示操作栏

Question

我正在寻找一个解决方案，但很难理解，我也没有例子:(

想象一下，我有一个包含高图图表的div。当悬停这个div时，我想在底部显示一个带有叠加层的操作栏。 在启动自定义开发之前，是否有一个jQuery插件可以执行此操作？

Answer 1

也许你可以尝试这样的事情：jsfiddle

这个自定义代码并不是很难。它绑定两个事件并切换操作菜单：

$(document).ready(function(){
    $(".myChart").bind({
        //event mouse hover
        mouseenter:function(){
            $(".actionMenu").slideDown();
        },
        //event mouse out
        mouseleave:function(){
            $(".actionMenu").slideUp();
        }
    });
})

Answer 2

我做了一些修改，有多个项目（@cana代码）

https://jsfiddle.net/aspanoz/m1sg4496/

$(document).ready(function(){
    $(".myChart").hover(
        function(e){
            $(this).next('.actionMenu').stop().slideDown();
        },
        function(e) {
            $(this).next('.actionMenu').stop().slideUp();
        }
    );
});