Javascript 引导3-悬停时的下拉菜单项不显示内容

我的下拉菜单（带有MAPIMG的那个）不起作用，它应该显示名为dropdown的类的内容。非常感谢你的帮助

<header class="navbar-fixed-top">
<div id="menu-top">
    <div class="container">
        <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
            <h2 class="head-text">ATS GLOBAL - {$txt_head1}</h2>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                  <ul class="nav navbar-nav">
                    <li class="dropdown"><a href="" data-hover="dropdown"><img src="/images/images/mapimg.png" alt="" /> <span class="caret"></span></a>
                      <ul class="dropdown-menu">
                        <li><a href="#">programowanie</a></li>
                        <li><a href="#">grafika</a></li>
                        <li><a href="#">wideo</a></li>
                        <li><a href="#">DTP</a></li>
                      </ul>
                    </li>
                  </ul>
        </div>           
    </div>    
</div>
.....

ATS全球-{$txt_head1}










.....

将此添加到css中

.dropdown {
  background: url( "/images/images/mapimg.png") no-repeat;
  display: block;
  height: 100px; //Your image's height
}

---

调试器大军。我们走吧。@knitevision非常感谢您的否决票和有用的支持comment@blex嗨，不，我已经包括了jquery2.0.3、bootstrap.css和bootstrap.min.js。我应该使用哪个插件？Thx@blex我包括了你们发布给我的插件，清除了浏览器缓存，效果和以前一样。好的，然后我将删除我的评论，让其他人回答。xD谢谢你们发布这篇文章。让我一天都很愉快