在pageload上打开bootstrap下拉列表

Question

我有这个下拉式样式与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>

我希望在页面加载时滚动下拉菜单,任何人都知道如何实现这一目标？提前致谢 :)

Answer 1

这一点jQuery脚本(我假设你已经加载它因为你正在使用Bootstrap)应该做的伎俩.加载DOM后,它会向下拉切换按钮发送click().

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

可能有一种方法可以在直接的CSS中完成它,但是如果没有看到更多的代码,那么很难知道.

Answer 2

通过在附加的<li>元素中添加其他类“ open”来切换下拉菜单。因此，如果要在页面加载时打开它：

<li class="dropdown open">

这样就可以了。