I. Methods of Use
<link rel= "stylesheet" href= "//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" >
<script src= "Js/1.11.3/jquery.min.js" ></script>
<script src= "//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" ></script>
<script src= "Dist/jquery.bootstrap-dropdown-hover.min.js" ></script>
Second, HTML structure
<div class= "Btn-group" >
<button type= "button" class= "Btn btn-default dropdown-toggle"
Data-toggle= "dropdown" aria-haspopup= "true" aria-expanded= "false" >
Action <span class= "caret" ></span>
</button>
<ul class= "Dropdown-menu" >
<li><a href= "#" >Action</a></li>
<li><a href= "#" >another action</a></li>
<li><a href= "#" >something Else here</a></li>
<li role= "separator" class= "divider" ></li>
<li><a href= "#" >separated link</a></li>
</ul>
</div>
Third, initialize the plug-in
Method One:
$.fn.bootstrapdropdownhover ({
Configuration parameters
});
Method Two:
$ (' [data-toggle= ' dropdown '] '). Bootstrapdropdownhover ({
});
If it is a navbar, it can be initialized in the following way:
$ ('. NavBar [data-toggle= "dropdown"] '). Bootstrapdropdownhover ({
});
Iv. methods
$ (selector). Bootstrapdropdownhover (methodName, parameter);
Keymob, focus on mobile advertising platform. Keymob Mobile Advertising Platform is the leading mobile advertising platform in China, we are committed to creating a multi-win mobile advertising platform for advertisers.
HTML5 add implement Bootstrap drop-down list box mouse-over open plugin tutorial