jquery - 将点击事件更改为 onmouseover 以进行引导导航

Question

如果屏幕尺寸小于 900 像素，或者设备不是移动设备，我正在尝试使以下引导模板在 mouseover 事件上工作。

http://htmlstream.com/unify/index.html

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

更新

我使用了以下 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

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

请查看此链接了解详情

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

Answer 2

在 JS 中查找绑定的 click 事件.dropdown-toggle并添加mouseover（因为 mouseover 永远不会在移动设备上触发）。