javascript - Bootstrap 3 使用 Javascript 在页面加载时打开下拉菜单

标签 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);
});

最佳答案

试试这个:

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

关于javascript - Bootstrap 3 使用 Javascript 在页面加载时打开下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21563535/

相关文章:

javascript - react 路由器4 : Pass route props to layout component

javascript - 对象问题中的 Jquery 对象

css - 创建无限深度的 CSS 下拉菜单

python - 如何使用 Selenium 和 Python 选择下拉菜单项(值或文本)?

javascript - React-Native-Web 的视频支持

javascript - 无法在 jqGrid 中设置日期格式和下拉文本

javascript - JS 中合并具有多个属性的对象

c# - getJSON 回调未触发

javascript - 使用 jQuery 使 div 值在使用 $(this) 的地方上升或下降

javascript - 如何创建没有嵌套列表的下拉菜单?