Question

请耐心等待，因为我是这个网络开发领域的新手。

我的站点中有一个汉堡菜单按钮，现在在汉堡菜单按钮中显示整页 OffCanvas 部分（这样做将隐藏主页部分）的唯一方法是通过点击功能。

我想更改带有悬停功能的点击功能，以方便访问者使用。如果访问者对点击 OffCanvas 部分内的选项不感兴趣，他们可以使用点击功能退出 OffCanvas 部分（并返回主页部分）。

我多次尝试调整这段 JavaScript 代码，但没有奏效。

这是代码。

jQuery('.menu-button').click(function(){
    jQuery('body').toggleClass('offcanvas-opened');
});

任何帮助将不胜感激。谢谢。

Answer 1

背后有一个简单的技巧让我假设您使用“offcanvas-colosed”类来隐藏它像这样

    .offcanvas-colosed{
    display:  none ;
}

/* now to change it with hover just do this  */

.offcanvas-colosed:hover{
    /* just overwrite the older function */
    display:  block ;
}

简单来说，将offcanavas-opened class的css部分带到封闭类的hover处。

并且会看到变化无需切换类

如何将单击功能更改为悬停/鼠标悬停功能

1 个答案: