在页面载入时打开引导程序下拉菜单 [英] bootstrap dropdown open on pageload

问题描述

 < li class =dropdown> 
< a class =dropdown-toggledata-toggle =dropdownhref =＃id =posuvnik> 15分钟< strong class =caret>< / strong<<<< ; / A> 
 
< ul class =dropdown-menu> 
< li> < a href =＃onclick =setPosuvnik（1）> 15分钟< / a> < /锂> 
< li> < a href =＃onclick =setPosuvnik（2）> 1hod< / a> < /锂> 
< / ul> 
< / li> 
  

我希望下拉菜单在页面加载时滚动，任何人都知道如何实现？提前感谢：）

解决方案

这个jQuery脚本的一点点（我假设你已经加载它，因为你是使用Bootstrap）应该做的伎俩。一旦DOM已经加载，它会向下拉式切换按钮发送一个click（）。

$ b

  $ （document）.ready（function（）{
 $（＃posuvnik）。click（）; 
}）; 
  

可能有一种方法可以直接使用CSS，但如果没有看到更多代码，则很难知道。

Ive got this dropdown styled with bootstrap:

<li class="dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="posuvnik">15min <strong class="caret"></strong></a>

    <ul class="dropdown-menu">
        <li> <a href="#" onclick="setPosuvnik(1)">15min</a> </li>
        <li> <a href="#" onclick="setPosuvnik(2)">1hod</a> </li>
    </ul>
</li>

and I want that dropdown menu to be rolled down on a page load, anyone know how to achieve that? thanks in advance :)

解决方案

This little bit of jQuery script (I'm assuming you've loaded it becasue you're using Bootstrap) ought to do the trick. Once the DOM has loaded, it sends a click() to the dropdown toggle button.

$(document).ready(function () {
    $("#posuvnik").click();
});

There is probably a way to do it in straight CSS, but without seeing more of your code it's hard to know.

这篇关于在页面载入时打开引导程序下拉菜单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！