解决Bootstrap下拉菜单不可点击

  1. [js]
  2. $(document).on("click",".dropdown-toggle",function(){
  3. if($(this).attr(‘href’)) window.location = $(this).attr(‘href’);
  4. });
  5. [/js]

以上代码的意思是,点击菜单选项时,如果当前选项具有“href”属性,那么点击它时页面跳转至href属性所链接的页面。

可如果我们的主题是响应式主题,在手机端浏览的时候,我们希望点击菜单时不跳转,而是bootstrap默认的行为(出现下拉菜单),该如何操作呢?只要在上面的js代码中加上一个判断语句即可:

  1.  
  2. $(document).on("click",".dropdown-toggle",function(){
  3. if( $(window).width() > 767 )
  4. if($(this).attr(‘href’)) window.location = $(this).attr(‘href’);
  5. });
  6. [/js]

[js]


发布日期:

所属分类: BootStrap, 前端 标签: