Событие Click для прямоугольника SVG

Question

Я использую SVG вместе с jQuery в своем приложении Mvc. Я рисую серию прямоугольников на своей странице, и то, что я хотел бы сделать, это прикрепить событие click или mouseover для каждого прямоугольника, скажем, всплывающее окно предупреждения. Я пытался что-то вроде этого, до сих пор:

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

и

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

Но, к сожалению, ни один из этих событий действительно работал для этого элемента управления. Кто-нибудь знает, как это сделать?

EDIT:

Я добавив яваскрипт код, я использую ниже:

<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> 

Прямоугольников загружаются из SVG изображения.

Answer 1

Ваш код, чтобы добавить click обработчик должен быть частью функции onLoad - с этим изменением it works for me.

Answer 2

Попробуйте это:

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