jQueryのクリック機能でif/else文を使用できますか？

Question

私は、2つの異なるエリアシェイプアトリビュートを持つイメージマップを持っています。クリックしたシェイプの属性に応じて、GoogleアナリティクスのトラッキングイベントonClickをイメージマップに追加します。

$('area').val('shape').click(function(e) { 
    e.preventDefault(); 
    if ($(this).val() == 'rect') { 
     _gaq.push(['_trackEvent', 'test category', 'test action', 'rect shape clicked']); 
    } 

    else if ($(this).val() == 'poly') { 
     _gaq.push(['_trackEvent', 'test category', 'test action', 'poly shape clicked']); 
    } 

}); ​ 

をしかし、これは動作しません：

私はこれを試してみました。 Click関数でif else文を使用できますか？

Answer 1

val()の問題があります。 shapeはareaタグの属性です。

valは形状を=場合にのみ、あなたの関数を呼び出しているように見えます

$('area').click(function(e) { 

var shape=$(this).attr('shape'); 
    e.preventDefault(); 
    if (shape == 'rect') { 
     _gaq.push(['_trackEvent', 'test category', 'test action', 'rect shape clicked']); 
    } 

    else if (shape == 'poly') { 
     _gaq.push(['_trackEvent', 'test category', 'test action', 'poly shape clicked']); 
    } 

}); ​ 

Answer 2

を動作するはずです以下。次に、valがrectまたはpolyの場合、同じ要素をテストします。あなたはそれが形であることを明らかにしただけなので、常にそうではありません。おそらく、.attrまたは.hasを使用して、.valではなくクリックされた図形のみを選択し、その図形のvalがrectまたはpolyのいずれかであることをテストする必要があります。

私は仮定を確認できるように、いくつかの領域のHTMLを投稿できますか？