单击SVG矩形的事件

我在我的Mvc应用程序中使用SVG和jQuery。 我在页面上绘制了一系列矩形，我想要做的是为每个矩形附加一个click或mouseover事件，比如弹出一个警告框。 到目前为止，我尝试过这样的事情：

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

和

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

但遗憾的是，这一事件并没有真正起到控制作用。 有谁知道如何做到这一点？

编辑：

我正在添加我正在使用的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('', { //', { addTo: false, changeSize: false, onLoad: onLoad }); }); $('rect#Y6').click( function(){ alert('hello'); });  

矩形从svg图片加载。

Answer 1

您添加click处理程序的代码需要成为onLoad函数的一部分 – 通过该更改， 它对我有用。

Answer 2

试试这个：

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