Javascript 如何删除Bootstrap 3菜单上的插入符号并在悬停时显示下拉列表?
我已经在我的Wordpress主题上设置了Bootstrap3,并且我已经在手机上正确地使用了子菜单(灰色箭头表示它是一个下拉菜单,点击后打开)Javascript 如何删除Bootstrap 3菜单上的插入符号并在悬停时显示下拉列表?,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我已经在我的Wordpress主题上设置了Bootstrap3,并且我已经在手机上正确地使用了子菜单(灰色箭头表示它是一个下拉菜单,点击后打开) 在桌面上,我希望下拉菜单可以在没有箭头图像的情况下处理悬停。有没有办法做到这一点而不影响移动布局?请参阅。您可以使用Jquery悬停来激活下拉列表 试试这个 $(document).ready(function() { $('.nav li.dropdown').hover(function() { $(this).addCla
在桌面上,我希望下拉菜单可以在没有箭头图像的情况下处理悬停。有没有办法做到这一点而不影响移动布局?请参阅。您可以使用Jquery
悬停来激活下拉列表
试试这个
$(document).ready(function() {
$('.nav li.dropdown').hover(function() {
$(this).addClass('open');
}, function() {
$(this).removeClass('open');
});
if($(window).width() > 750)
{
$('b.caret').hide()
}
});
我明白了,你不希望用户看到桌面上的“插入符号”。这可以通过最少的媒体查询来实现。应该是这样的。我从Bootstrap3获得了桌面断点媒体查询代码
您可以使用媒体查询。是,“无箭头图像”。您可以使用MQ删除插入符号。请参阅演示下拉列表在悬停状态下工作,而不是单击和箭头图像隐藏。这是他想要的。.我在上面添加了javascript,但在js文件“$”中似乎没有工作问题,不是吗undefined@user3050023:试试我的解决方案,它是纯CSS。
@media (min-width: 1200px) {
.navbar-nav .caret {
display:none;
}
.dropdown:hover .dropdown-menu {
display: block;
}
}