Javascript 引导始终显示子菜单

在网站的移动部分，我想显示子菜单，而不必单击/悬停父菜单

HTML:

我想显示子菜单，而不必单击或悬停父菜单。我使用的代码是CSS、Javascript和Jquery，所以我可以使用其中一个（或全部）来实现这一点。使用最新版本的引导程序创建站点（3.3.6）

编辑 JSFIDLE：

---

在这里，您还可以看到我在jquery中将子菜单显示为悬停

您可以添加类visible xs-以使导航显示在移动浏览器中

签出引导程序网站

因此，对于超小（xs）屏幕，例如 .visible--类包括：.visible xs block、.visible xs inline和 .可见的xs内联块

---

或者，您可以在单击菜单显示时设置宽度，如下所示：

window.onload = checkWindowSize;
window.onresize = checkWindowSize;

function checkWindowSize() {
  if ($(window).width() < "768") { //example width of 768px
    $("#bs-example-navbar-collapse-1 li").addClass('open');
  }else{
    $("#bs-example-navbar-collapse-1 li").removeClass('open');
  }
}

<ul class="dropdown-menu visible-xs">

window.onload=检查窗口大小；
window.onresize=选中windowsize；
函数checkWindowsSize（）{
if（$（window.width（）<“768”）{//768px的示例宽度
$（“#bs-example-navbar-collapse-1li”）.addClass（'open'）；
}否则{
$（“#bs-example-navbar-collapse-1li”）.removeClass（'open'）；
}
}

或者，您可以在引导中使用内置类，并将其添加到ul元素中，如下所示：

window.onload = checkWindowSize;
window.onresize = checkWindowSize;

function checkWindowSize() {
  if ($(window).width() < "768") { //example width of 768px
    $("#bs-example-navbar-collapse-1 li").addClass('open');
  }else{
    $("#bs-example-navbar-collapse-1 li").removeClass('open');
  }
}

<ul class="dropdown-menu visible-xs">

这些代码将检查窗口宽度，仅当宽度小于768px时才会作出反应。请尝试以下操作：

使用一些脚本：）

HTML:

脚本：

$(document).ready(function(){

 CheckScreenSize();
});

window.onresize = function(event) {
  CheckScreenSize();
};


function CheckScreenSize(){

 if($(window).width()<768){
  $("#Drp").addClass('visible-xs');
  }else
  {
  $("#Drp").removeClass('visible-xs');
  }
}

$（文档）.ready（函数（）{
检查屏幕大小（）；
});
window.onresize=函数（事件）{
检查屏幕大小（）；
};
函数CheckScreenSize（）{
如果（$（window）.width（）您可以在JSFIDLE中添加代码吗？您可以使用
左拉
类
包括JSFIDLE:）它的伟大选项，仅在超小屏幕中可见。