兜兜转转,回归初恋,欢迎使用yusiyuhuo主题, 主题介绍>>>

实现Bootstrap菜单可点击及鼠标悬停显示下拉菜单

WordPress基础教程 陌小雨 4463℃ 0评论

用bootstrap来作为wordpress主题前端开发是很不错的选择,陌小雨分享实战时用到的使Bootstrap菜单可点击及鼠标悬停显示下拉菜单的功能

$(document).ready(function(){
    //菜单可点击
    $(document).off('click.bs.dropdown.data-api');
    //鼠标滑过显示下拉菜单
     dropdownOpen();
});
function dropdownOpen() { 
    var $dropdownLi = $('li.dropdown'); 
    $dropdownLi.mouseover(function() {
        $(this).addClass('open');
    }).mouseout(function() {
        $(this).removeClass('open');
    });
}

转载请注明:小雨科技 _武汉网站建设_武汉小程序搭建 » 实现Bootstrap菜单可点击及鼠标悬停显示下拉菜单

喜欢 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址