为dropdown-toggle类添加data-toggle="dropdown"属性可以实现其下拉列表功能的绑定,示例如下:
点击此按钮后,可以自动实现下拉列表的显示或隐藏。
Bootstrap中的下拉列表控件也定义了一些方法回调,其会在drop-menu的父标签上进行绑定,示例如下:
$('#myDropMenu').on('show.bs.dropdown',function(){
console.log("下拉框将要展示");
});
$('#myDropMenu').on('shown.bs.dropdown',function(){
console.log("下拉框已经展示");
});
$('#myDropMenu').on('hide.bs.dropdown',function(){
console.log("下拉框将要隐藏");
});
$('#myDropMenu').on('hidden.bs.dropdown',function(){
console.log("下拉框已经展示");
});
另外,本篇博客中所有的实例代码及显示效果,在如下地址中,需要的可以自行对照学习。