Question

如果屏幕尺寸小于900像素，或者设备不是移动设备，我试图让以下引导模板在鼠标悬停事件中起作用。

我不确定如何做到这一点，以便下拉菜单适用于桌面和移动设备的鼠标悬停事件。

更新

我使用了以下jQuery代码

//Change Click even to mouse event
$(function () {
    $('.nav > ul li').on('mouseenter mouseleave', function () {
        if ($(this).find('ul').length > 0) {
            // $(this).find('.li').toggleClass('open');
            alert('a');
        }
    });

});

似乎我无法找到正确的元素，因为事件未触发

Answer 1

在JS中查看绑定到.dropdown-toggle的点击事件并添加mouseover（因为鼠标悬停永远不会在移动设备上触发）。

Answer 2

我找到了悬停事件的解决方案

请查看此link了解详情

  <script>
    // very simple to use!
    $(document).ready(function() {
      $('.js-activated').dropdownHover().dropdown();
    });
  </script>

将click事件更改为onmouseover for bootstrap nav

2 个答案: