Fatal编程技术网
  • javascript/
  • Javascript 悬停“；右下角“；菜单

Javascript 悬停“；右下角“；菜单

javascript html css

Javascript 悬停“；右下角“；菜单,javascript,html,css,frontend,tailwind-css,Javascript,Html,Css,Frontend,Tailwind Css,我正在尝试实现一个侧菜单，当您将鼠标悬停在其中一个项目上时，它将展开一个项目的“表”。我正在使用TailwindCSS和React 我面临的问题是，当我将鼠标悬停在按钮上方时，菜单不会展开 我已经将子菜单设置为按钮的子菜单，以便使用组悬停功能，但它不起作用。我已经在变体配置中添加了display:['hover'，'focus']，所以这不会是问题所在 //SideMenuItem.js 从“React”导入React； 函数SideMenuItem（）{ 返回( A. 项目1 项目2 项目3

我正在尝试实现一个侧菜单，当您将鼠标悬停在其中一个项目上时，它将展开一个项目的“表”。我正在使用TailwindCSS和React

我面临的问题是，当我将鼠标悬停在按钮上方时，菜单不会展开

我已经将子菜单设置为按钮的子菜单，以便使用组悬停功能，但它不起作用。我已经在变体配置中添加了
display:['hover'，'focus']
，所以这不会是问题所在

//SideMenuItem.js
从“React”导入React；
函数SideMenuItem（）{
返回(
A.
项目1
项目2
项目3
);
}
导出默认SideMenuItem；
期望输出：

我从一篇文章中找到了这个代码示例。

试着去理解那个人做了什么，然后自己写下来。
祝你好运

该示例使用bootstrap-tho。我一直在寻找一个使用“顺风”的解决方案。我的错，试试这段视频，dude copy的facebooks下拉列表，它会向你展示它是如何完成的，你会学到很多东西。让我知道它是否有效