Jquery: छवि मानचित्र क्षेत्र पर माउसओवर घटना

Question

मैं एक छवि मानचित्र क्षेत्र के माउसओवर पर कार्रवाई करने की कोशिश कर रहा हूं। यहाँ मेरी HTML है:

<img src="img/denisanddavid-bkgd.jpg" alt="Denis and David - web development and solution" width="1024" height="1299" border="0" usemap="#bkgdMap" id="bkgd" /> 
    <map name="bkgdMap" id="bkgdMap"> 
     <area shape="rect" coords="12,161,341,379" href="#" alt="qdk" id="qdk" class="mapping" /> 
     <area shape="rect" coords="347,162,675,379" href="#" alt="gifgif" alt="gifgif" class="mapping" /> 
    </map> 

और यहाँ है मेरी js:

$('.mapping').mouseover(function() { 

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

}).mouseout(function(){ 
    alert('Mouseout....');  
}); 

मैं क्यों समझ में नहीं आता, लेकिन jQuery केवल और दूसरों पहले क्षेत्र के लिए शुरू की नहीं है। किसी भी तरह की सहायता का स्वागत किया जाएगा।

धन्यवाद।

Answer 1

मैं सिर्फ सफारी में अपने कोड की कोशिश की और यह सिर्फ के रूप में इरादा काम करता है। अलग-अलग अलर्ट देने वाले 2 अलग-अलग क्षेत्र। एक "qdk" और अन्य "अपरिभाषित" को सतर्क कर रहा है, क्योंकि आपके पास दूसरे मानचित्र के लिए आईडी विशेषता नहीं है।

Answer 2

क्या आपने होवर का उपयोग करने का प्रयास किया था?

jQuery साइट से उदाहरण ...

$("td").hover(
    function() { 
    $(this).addClass("hover"); 
    }, 
    function() { 
    $(this).removeClass("hover"); 
    } 
);