jquery - 悬停标记和弹出窗口时显示 map 标记的弹出窗口，悬停时隐藏弹出窗口

Question

我有一张 map ，上面有很多标记。

当您将鼠标悬停在蓝点上时，弹出窗口会出现，当您再次悬停时它会消失 - 是否有可能做到这一点您可以将鼠标光标向上移动到地址气泡中而气泡不会消失吗？

这是 jsfiddle(它看起来不太正确但足以作为示例显示:

https://jsfiddle.net/po6t75jf/

这是我的 jquery:

// Contact us map with popups
$(".feature").hover(function(e) {
  e.preventDefault();

  $('.map-popup[data-number], .map-down-arrow[data-number]').hide();

  var item = $(this).data('number');
  $('.map-popup[data-number="' + item + '"]').show();
  $('.map-down-arrow[data-number="' + item + '"]').show();
  var title = $('.map-popup-title[data-number="' + item + '"]').text();
  $('#input_2_5').find('option[value="' + title + '"]').attr('selected', true);
},
function () {
    $('.map-popup, .map-down-arrow').hide();
});

Answer 1

$(".feature, .map-popup").hover(function(e) {

您需要做的是:在 map-info-location 容器 (.map-popup) 上添加相同的悬停效果，并连接这两个元素，以便用户有空间将鼠标从点位置到容器位置，所以理论上，如果点悬停，那么两者都会弹出，但如果你继续悬停一个或另一个，两者都会显示，如果你 hoverout map 将淡出，你可以连接点和 map 的方式-信息容器是:

var hoverElement = $('.overlay');//在点悬停时淡入的元素，并具有与点相同的属性，同时//一旦点悬停，就会覆盖点和 map 位置信息。//当然，该元素必须绝对定位，背景透明。

$(".feature,.hoverElement").hover(function(e) {

//相同的代码

希望我有所帮助，很抱歉没有发布更详细的答案，但我目前正在工作，如果你想不通的话，我今晚可能会发布 :)。谢谢!