SVG dikdörtgeni için tıklayın olay

Question

Mvc Uygulamamda jQuery ile birlikte SVG kullanıyorum. Sayfamda bir dizi dikdörtgenler çiziyorum ve yapmak istediklerim, her bir dikdörtgen için bir tıklama veya fare ekleme olayı eklemektir. şimdiye kadar, böyle bir şey denedim:

$("rect[id='Y6']").attr('onclick', function() { alert("Hello!") }); 

ve

$("rect[id='Y6']").live('click', function() {  
    alert("Hello!"); 
}; 

Ama bu olayların ne yazık ki hiçbiri gerçekten bu kontrol için çalıştı. Bunu nasıl yapacağını bilen var mı?

DÜZENLEME: Ben aşağıda kullanıyorum javascript kodu ekliyorum

:

<script type="text/javascript"> 
    /*function resetSize(svg, width, height) { 
     svg.configure({ width: width || $(svg._container).width(), 
      height: height || $(svg._container).height() 
     }); 
    }*/ 
    function onLoad(svg, error) { 
     //svg.text(10, 20, error || 'Loaded into ' + this.id); 
     //resetSize(svg, null, null); //'100%', '100%'); 
    } 

    $(function() { 
     $('#layout').svg({}); 

     var svg = $('#layout').svg('get'); 
     svg.load('<%= Url.Action("Layout", new{ id = Model.Id }) %>', { //<%= Url.Content("~/media/svg/lion.xml") %>', { 
      addTo: false, 
      changeSize: false, 
      onLoad: onLoad 
     }); 
    });  

$('rect#Y6').click(function(){ 
    alert('hello'); 
}); 

</script> 

dikdörtgenler bir svg resimden yüklenir.

Answer 1

Kodunuz click işleyici onLoad işlevinin bir parçası olması gerekiyor eklemek - o değişikliği it works for me ile.

Answer 2

bu deneyin:

$('rect#Y6').click(function(){ 
    alert('hello'); 
});