jquery - 从顶部或底部悬停时,Bootstrap 悬停下拉菜单不起作用 "onhover"

标签 jquery html css twitter-bootstrap

https://jsfiddle.net/mxLjutat/8/

我是前端新手。如您所见,存在两个问题:

  1. <li>元素没有出现。 (这并不重要,因为在我原来的网站上这部分工作正常)
  2. 这是主要问题:悬停事件无法正常工作。如果您尝试从左侧或右侧悬停 - 它会工作正常,但如果您尝试从上方或下方悬停 - 它通常不起作用。谁能帮帮我?

最佳答案

1) li 元素出现了,但是.right-top__box__menu__block 的高度太小,看不到任何东西。

2) 您只需要将显示属性 block 添加到 anchor 类。

.right-top__box__menu__block__list__link {
    color: #333;
    font: 12px/12px arial;
    text-decoration: none;
    padding-left: 0px;
    display: block;
}

关于jquery - 从顶部或底部悬停时,Bootstrap 悬停下拉菜单不起作用 "onhover",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34491055/

相关文章:

javascript - 单击后退按钮重新加载上一页

javascript - 使用 CSS 添加一个 div 到 DOM

javascript - jquery自动完成id和值

javascript - 如何在laravel中使用jquery ajax保存多个表单数据?

javascript - Bootstrap 汉堡包在切换后不显示列表元素

具有单独样式表的 HTML 会更改网页外观

c# - Kendo 小部件和 Bootstrap 输入组插件

javascript - 如何在网页页脚中添加上次修改时间?

Jquery - 将 css 样式应用于指定 div 中的所有元素?

javascript - 浏览器是否会批量处理大量ajax请求?