自动打开和自动关闭？
自动打开和自动关闭？
提问于 2016-02-12 18:49:19
我在另一个站点的导航栏中添加了一个下拉列表，并将类.open添加到列表中。我的意图如下:在加载网页导航栏列表包含一个img元素，并打开显示促销优惠。到目前为止，页面加载和列表删除显示广告，如果点击它，然后关闭。
好的，我的目标是通过jquery、JavaScript或css添加一个函数，它将在大约5秒后自动关闭下拉列表。我已经读到，默认情况下，.open类在bootstraps.min.css中不会被清除，因此除非“单击”关闭它，否则它将保持打开状态。
<div class="navbar-responsive">
<ul class="nav navbar-nav">
<li class="active">
<li class="open dropdown-menu">
<a href="#" Id="test" class="dropdown-toggle" data- toggle="dropdown"><strong class="caret">
<ul class="dropdown-menu">
<li>
<a href="#">Click to close.</a>
</li>
<li>
<img src="image folder/my_ad_image.png"
</li>
</ul>
</li>
</li>
</ul>
</div><!---end nav collapse--->
</div><!---end container--->
</div>>!---end main navbar--->以上就是我所写的。它位于一个已经存在的肚脐上。感谢您的阅读。
如果有人有任何建议，或者可以在将jquery函数绑定到我的.open类或id方面指出正确的方向，那就太好了。到目前为止，我还无法将jquery函数或css绑定到下拉列表，谢谢。
回答 1
Stack Overflow用户
发布于 2016-02-12 19:08:24
您可以使用setTimeout()在javascript中实现计时器。
setTimeout()方法在指定的毫秒数之后调用函数或计算表达式。
修改您的代码，可以这样实现：
CSS：
...
<li id="myid" class="open dropdown-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a href="#">Click to close.</a>
</li>
<li> ... </li>
</ul>
</li>
...jScript (假设您正在使用jQuery)：
$(function() {
setTimeout(function() {
$("#myid").removeClass("open")
}, 5000);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35370062
复制相关文章
相似问题
腾讯云开发者
