jquery – SVG矩形的单击事件

我在我的Mvc应用程序中使用SVG和jQuery.我在我的页面上画一系列矩形,我想做的是为每个矩形附加一个点击或鼠标悬停事件,例如弹出一个警报框.
到目前为止,我已经尝试过这样的事情：

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

和

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

但是遗憾的是,这一事件并没有真正适用于这种控制.
有谁知道如何做到这一点？

编辑：

我正在添加我在下面使用的JavaScript代码：

<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图片加载.

解决方法

您添加点击处理程序的代码需要是onLoad函数的一部分 – 与该更改 it works for me.