jquery下拉菜单和ajax窗口之间的冲突

我有一个 jquery 下拉菜单和一个模式窗口，它是 ajax 的触发器。当您单击 ajax 链接时会出现问题，当您关闭它时，下拉列表将不再起作用。因此，当您不单击 ajax 时，下拉菜单就会起作用。当您单击链接并将其关闭时，下拉菜单不显示下拉菜单。

尝试一下，源代码在这里：

codepen.io/riogrande/pen/NxZLaQ

逐步重现：

1. 将鼠标悬停在最右侧的“Lorem”上，会出现一个下拉菜单。

2. 退出鼠标悬停并单击标题为“Click here for ajax”的链接

3. 单击“X”退出 ajax 弹出窗口

4. 第 1 步不再有效。

您可以使用单独的fadeIn and fadeOut函数而不是单一的fadeToggle悬停时，它将解决该问题：

$(".menu-dropdown").hover(
  function(e) {
    if ($(window).width() > 943) {
      $(this).children("ul").stop(true,false).fadeIn(150);
      e.preventDefault();
    }
  },
  function(e) {
    if ($(window).width() > 943) {
      $(this).children("ul").stop(true,false).fadeOut(150);
      e.preventDefault();
    }
  }
);

CodePen here.