以文本方式查看主题

-  中文XML论坛 - 专业的XML技术讨论区  (http://bbs.xml.org.cn/index.asp)
--  『 SVG/GML/VRML/X3D/XAML 』  (http://bbs.xml.org.cn/list.asp?boardid=21)
----  SVG中引入jQuery问题  (http://bbs.xml.org.cn/dispbbs.asp?boardid=21&rootid=&id=125651)


--  作者:lushouheng
--  发布时间:9/13/2012 4:47:00 PM

--  SVG中引入jQuery问题

如题,最近因项目需求,我需要把一个jQuery的插件导入到svg中来使用,代码如下:
<script language="JavaScript" xlink:href="jquery-1.6.3.js" />

<script language="JavaScript" xlink:href="flexiGrid/js/flexigrid.js" />
<script language="JavaScript" xlink:href="flexiGrid/js/flexigrid.pack.js" />

<script language="JavaScript" xlink:href="lib.js" />

其中lib.js是我自己写的一个js,现在想实现的功能是,当我鼠标移动到svg的图形上,也就是触发svg的onmouseover时,我动态插入一个listGrid,此listGrid是通过flexigrid来实现的,所以我的onmouseover里调用了lib.js里写的一个函数:

function SVGMouseover(evt){
  var country = evt.parentNode.getAttributeNS(null,"id");
  $('#bodyDiv').append("<table style='display: none' id='"+country+"'><tr><td>1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr><tr><td>7</td><td>8</td><td>9</td></tr></table>");
  $('#'+country).flexigrid({
          colModel: [
              { display: 'Name', name: 'name', width: 60, sortable: true, align: 'left' },
              { display: 'Health', name: 'health', width: 60, sortable: true, align: 'left' },
              { display: 'Location', name: 'location', width: 80, sortable: true, align: 'left' }
          ], width: 245, height: 100, striped:true,resizable: false}
  );
};

此时firefox报错:

ReferenceError: jQuery is not defined
[在此错误处中断]  

})(jQuery);

flexigrid.js (第 1244 行)

ReferenceError: jQuery is not defined
[在此错误处中断]  

...end(thead)}g.gDiv=document.createElement('div');g.mDiv=document.createElement('d...

跪求帮助啊


--  作者:lushouheng
--  发布时间:9/13/2012 5:24:00 PM

--  
问题已解决,还是对XML理解不深刻啊~
--  作者:lcbct500
--  发布时间:9/18/2012 10:59:00 PM

--  
学习啊啊
W 3 C h i n a ( since 2003 ) 旗 下 站 点
苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
46.875ms