启用与Google地图中的标记类似的关闭弹出窗口

Question

我认为我的问题相当简单，但我无法弄清楚。我想关闭一个弹出的音符，在弹出的右上角有一个“x”图标/ div。

目前我将此作为代码。最小化音符的唯一解决方案是双击它，这显然不是一个可行的解决方案。

$('.note').click(function (event) {
  $(this).find('.notepopup').show();                                      
});

$('.note').dblclick(function (event) {
  $(this).find('.notepopup').hide();
});

我尝试更改第二部分以定位'.close'div，如下所示：

$('.close').click(function (event)  {
  $(this).find('.notepopup').hide();
});

我开始认为它与.close和.notepopup之间的关系有关 - 因为 - .close在弹出窗口内，而.note在某种意义上是.notepopup的父元素

任何帮助都会很棒。如果你真的想变得疯狂，你可以看看我在做什么：http://www.scottefloyd.com/notewebapp/demo.php

Answer 1

问题是你在'。close'中寻找'.notepopup'。你需要$（this）.parents（'。notepopup'）;这应该得到元素。