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

問題は、あなたが内部「.notepopup」を探しているということである「.close」。 $（this）.parents（ 'notepopup'）;が必要です。それは要素を取得する必要があります。