Question

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

当您将鼠标悬停在蓝点上时，将弹出该弹出窗口，当您再次将其从其上悬停时，该弹出窗口将消失-是否有可能使您可以将鼠标光标向上移到地址语音气泡中而不会消失？

这是jsfiddle（看起来不太正确，但足以显示为示例：

这是我的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）上添加相同的悬停效果，并连接这两个元素，以便用户有空间将鼠标从点位置到容器位置，因此从理论上讲，如果将点悬停，则两者都会弹出，但是如果您继续悬停一个或另一个，则两者都会显示，如果悬停地图将淡出，则可以使用该方法连接点和地图-info容器是：

var hoverElement = $（'。overlay'）; //在点悬停时淡入淡出并具有与点相同的属性的元素，//一旦将点悬停在点上并覆盖点和map-location-info。 //当然，该元素必须在透明背景下绝对定位。

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

//相同的代码

希望我能帮上忙，很抱歉没有发布更详细的答案，但我目前正在工作，如果您不明白，也许今晚我会发布:)。谢谢！

悬停标记和弹出时显示地图标记的弹出窗口，悬停时隐藏弹出窗口

1 个答案: