Bootstrap 3使用Javascript在页面加载时打开下拉列表

时间:2014-02-04 21:13:17

标签: javascript jquery drop-down-menu twitter-bootstrap-3

我似乎无法在页面加载时打开此下拉菜单。有人可以帮忙吗? Bootrap 3的文档在这里:http://getbootstrap.com/javascript/#dropdowns

我尝试了这个,但它似乎无法正常工作

$('#myDropdown').dropdown()

最终,我需要能够打开可折叠菜单中的下拉菜单。例如,我想在用户点击菜单按钮后打开第一个下拉菜单。但我无法让它发挥作用。

http://jsfiddle.net/G4k4F/3

编辑:当显示导航栏时,使用计时器等待1毫秒,然后再调用.dropdown('toggle')。像这样。

function OpenDropDown() {
    $('.dropdown-menu').dropdown('toggle');
};

$('.collapse.navbar-collapse').on('show.bs.collapse', function () {
    window.setTimeout(OpenDropDown, 1);
});

2 个答案:

答案 0 :(得分:5)

试试这个:

$(function () {
  $('.dropdown-menu').dropdown('toggle');
});

答案 1 :(得分:0)

试试这个..

$(function () {
    $('[data-toggle="dropdown"]').dropdown('toggle');
});

或者您可以使用按钮ID,如:

 $('#dLabel').dropdown('toggle');