Javascript 鼠标在菜单项上的引导下拉菜单应在右侧显示编辑/删除图标
如何在鼠标悬停的引导菜单项中包含编辑、删除图标。同时,当点击编辑/删除图标时,它应该分别调用编辑/删除方法 需要在下面的引导下拉列表中实现这一点Javascript 鼠标在菜单项上的引导下拉菜单应在右侧显示编辑/删除图标,javascript,jquery,css,twitter-bootstrap,Javascript,Jquery,Css,Twitter Bootstrap,如何在鼠标悬停的引导菜单项中包含编辑、删除图标。同时,当点击编辑/删除图标时,它应该分别调用编辑/删除方法 需要在下面的引导下拉列表中实现这一点 <div class="dropdown"> <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example <span class="caret"></s
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">JavaScript</a></li>
</ul>
</div>
下拉示例
将鼠标悬停在HTML/CSS/JavaScript菜单项上,该菜单项附近应显示“编辑/删除”图标 我已经用CSS实现了这一点,但是有很多方法。 您可以通过在
标记上添加具有适当类名的单击事件来调用编辑或删除函数
ul>li>a:hover i{
display:block !important;
float:right !important;
}
ul>li>a>i{
display:none !important;
}
.glyphicon-edit{
padding-left:7%;
}
工作区:
我已经用CSS实现了这一点,但有几种方法。 您可以通过在
标记上添加具有适当类名的单击事件来调用编辑或删除函数
ul>li>a:hover i{
display:block !important;
float:right !important;
}
ul>li>a>i{
display:none !important;
}
.glyphicon-edit{
padding-left:7%;
}
工作区:
当我为编辑/删除/更改引入事件处理时。创建更多的问题,比如一次编辑和更改事件触发,如果我停止了它,则它正在使用event.stopPropagation,然后它没有关闭下拉列表。。当我为编辑/删除/更改引入事件处理时。创建更多的问题,比如一次编辑和更改事件触发,如果我停止了它,则它正在使用event.stopPropagation,然后它没有关闭下拉列表。。