Jquery：divのIDを取得できません

Question

私は非常に基本的な問題があります。 jQueryを呼び出すdivを認識していないため、私のコードが動作しません。

私はthis.idまたは$(this).attr('id')と警告し、問題のdivをクリックすると警告が表示されません。しかし、他の要素をクリックすると警告が表示されます。ここ

<div id="map"><img src="../../images/map2.jpg" /></div> 
    <div id="n_america" style="position:absolute;top:171px;"><img src="../../images/maps/north_america.jpg" /></div> 
    <div id="euro" style="position:absolute;top:171px;"><img src="../../images/maps/eurafrica.jpg" /></div> 
<div id="table-bottom" style="position:absolute; margin-top:-70px;"> 
    <div id="table-btm-title" style="width:255px;"><a id="north_america" href="#">North America and Latin America</a></div> 
    <div id="table-btm-title" style="width:147px;"><a id="eurafrica" href="#">Europe and Africa</a></div> 
    <div id="table-btm-title" style="width:230px; border:none;"><a id="asiapacific" href="#">Asia and South Pacific</a></div> 
</div> 

と私のjQueryのです：北米、欧州の罰金ではなく、作品に

$(function(){ 
$('#n_america').css({ opacity: 0 }); 
$('#euro').css({ opacity: 0 }); 
$('#north_america').click(function() { 
    $('#map').animate({ opacity: 0}, 'slow'); 
    $('#n_america').animate({ opacity: 1 }, 'slow'); 
    $('#euro').animate({ opacity: 0 }, 'slow'); 
    $('#n_america').imagemap([ 
    /... 
    ]); 
    }); 

$('#eurafrica').click(function() { 
    $('#map').animate({ opacity: 0}, 'slow'); 
    $('#euro').animate({ opacity: 1 }, 'slow'); 
    $('#n_america').animate({ opacity: 0 }, 'slow'); 
    if (this.id == 'euro') { 
    $('#euro').imagemap([ 
    /... 
    ]); 
    } 

}); 

}); 

イメージマッププラグここに私のHTMLです。北米はヨーロッパを追加するまで昨日働いていた。しかし、ヨーロッパのイメージマップをコメントアウトしても、北米のコードは「再活性化」されません。何かご意見は？

Answer 1

$('#eurafrica').click(function() { 
    //... 
    if (this.id == 'euro') { 
    // This will never be true 

あなたはID eurafricaを持つ要素にクリックハンドラを割り当てています。もちろん、渡された要素のidはeuroになることはありません。

（あなたのコードに含まれていません）eurafricaは、これらすべての要素の親要素がある場合は、いずれかを実行できます。

$('#map, #n_america, #euro').click(function(){ 
    if (this.id=='euro'){ ... } 
}); 

または：

$('#eurafrica').click(function(e){ 
    if (e.target.id=='euro'){ ... } 
}); 

Answer 2

試してみてください。

$(this).attr('id').getValue(); 

Answer 3

を理由も、あなたを行います固定ID "eurafrica"の要素をクリックすると変数ID-checkが必要ですか？