BootStrap3滑动展开功能
2017-11-11 17:02
218 查看
//关闭点击显示事件
$(document).ready(function(){
//关闭原有的点击下拉按钮事件
$(document).off('click.bs.dropdown.data-api');
dropdownOpen();//调用
//$("#addAddress").click(function(){
//关闭模态窗口的点击空白区域和键盘的esc关闭
//$('#myModal').modal({backdrop: 'static', keyboard: false});
//});
});
/**
* 鼠标划过就展开子菜单,免得需要点击才能展开
*/
function dropdownOpen() {
var $dropdownLi = $('li.dropdown');
$dropdownLi.mouseover(function() {
$(this).addClass('open');
}).mouseout(function() {
$(this).removeClass('open');
});
}
$(document).ready(function(){
//关闭原有的点击下拉按钮事件
$(document).off('click.bs.dropdown.data-api');
dropdownOpen();//调用
//$("#addAddress").click(function(){
//关闭模态窗口的点击空白区域和键盘的esc关闭
//$('#myModal').modal({backdrop: 'static', keyboard: false});
//});
});
/**
* 鼠标划过就展开子菜单,免得需要点击才能展开
*/
function dropdownOpen() {
var $dropdownLi = $('li.dropdown');
$dropdownLi.mouseover(function() {
$(this).addClass('open');
}).mouseout(function() {
$(this).removeClass('open');
});
}
相关文章推荐
- bootstrap添加移动端添加滑动手势功能
- android tab之间滑动切换界面功能
- Domino/Xpages Bootstrap 动态生成首页功能
- viewpager+fragment的懒加载实现微信点击和滑动切换功能(切换效果)
- IOS开发笔记——禁用手势滑动返回功能
- JavaScript实现移动端滑动选择日期功能
- 利用Angularjs和bootstrap实现购物车功能
- scrollview 实现滑动到底部再滑动加载数据的功能
- 基于JQuery 改造bootstrap模态框拖动功能
- bootstrap-table 插件二次开发添加表格行新增和编辑功能
- Android 5的嵌套滑动机制 和 RecyclerView的一些扩展功能
- Hotseat栏增加滑动功能
- BootStrap 轮播插件(carousel)支持左右手势滑动的方法(三种)
- 增加评论滑动解锁功能通知!
- bootstrap常用功能快速入门以及常见问题解决方案
- 图片滑动功能封装和自动布局
- Android开发中RecyclerView模仿探探左右滑动布局功能
- bootstrap multiselect 多选功能实现方法
- android之viewFlipper简介及简单应用--滑动翻页功能