Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何删除Bootstrap 3菜单上的插入符号并在悬停时显示下拉列表?_Javascript_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 如何删除Bootstrap 3菜单上的插入符号并在悬停时显示下拉列表?

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

我已经在我的Wordpress主题上设置了Bootstrap3,并且我已经在手机上正确地使用了子菜单(灰色箭头表示它是一个下拉菜单,点击后打开)


在桌面上,我希望下拉菜单可以在没有箭头图像的情况下处理悬停。有没有办法做到这一点而不影响移动布局?请参阅。

您可以使用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;
  }
}