Bootstrap Mobile Dropdown菜单链接无法点击

时间:2013-07-05 17:08:13

标签: javascript twitter-bootstrap

我使用最新版本的Twitter Bootstrap(2.3.2)作为我网站的框架。

我使用Bootstraps navmenu遇到的唯一问题是,当我在手机上查看网站时,下拉链接无法点击。当您尝试单击链接时,菜单将关闭。下拉列表之外的链接工作正常。我检查了我的bootstrap-dropdown.js,并查找了我在GitHub讨论中找到的推荐代码行,该代码应该可以修复问题,但它已经存在了。有什么办法解决这个问题?我对此事表示感谢。

  /* APPLY TO STANDARD DROPDOWN ELEMENTS
   * =================================== */

$(document)
.on('click.dropdown.data-api', clearMenus)
.on('click.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
.on('click.dropdown.data-api'  , toggle, Dropdown.prototype.toggle)
.on('keydown.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown)


}(window.jQuery);

1 个答案:

答案 0 :(得分:3)

我遇到了同样的问题。子菜单无法在我的手机上点击。我添加了以下javascript,它似乎工作。

jQuery(document).ready(function($) {
    $("li.dropdown a").click(function(e){
        $(this).next('ul.dropdown-menu').css("display", "block");
        e.stopPropagation();
        });
});