使用
1。首先,包括必要的文件到你的应用程序:
<link type="text/css" rel="stylesheet" href="jquery.dropdown.css" />
<script type="text/javascript" src="jquery.dropdown.js"></script>
2。将创建一个下拉 div与一个独特的 id和 dropdown类立即关闭之前 body标记。
为下拉菜单 div应该包含一个 ul与 dropdown-menu类:
<div id="dropdown-1" class="dropdown dropdown-tip">
<ul class="dropdown-menu">
<li><a href="#1">Item 1</a></li>
<li><a href="#2">Item 2</a></li>
<li><a href="#3">Item 3</a></li>
<li class="dropdown-divider"></li>
<li><a href="#4">Item 4</a></li>
<li><a href="#5">Item 5</a></li>
<li><a href="#5">Item 6</a></li>
</ul>
</div>
下拉面板的 div应该包含一个 div与 dropdown-panel类:
<div id="dropdown-1" class="dropdown dropdown-tip">
<div class="dropdown-panel">
You can put whatever HTML you want in a panel!
</div>
</div>
3。添加 data-dropdown属性的任何HTML元素,使用 id下拉的价值。这就是你所有的一切—甚至不需要初始化!插件也适用于动态生成的触发器。
<a href="#" data-dropdown="#dropdown-1">dropdown</a>