2012-09-13 2 views
0

두 개를 가져올 수 없습니다. 다른 svg 이미지를 Keith Woods JQuery svg 플러그인을 사용하여 내 페이지에로드하십시오. 가능한가요? 방법?Keith Woods JQuery svg 플러그인을 사용하여 두 번째 svg 이미지가 표시되지 않습니다.

다음 코드는 내 첫 번째 svg 이미지를 인쇄하지만 두 번째 이미지는 보이지 않으며 콘텐츠가없는 Firebug Lite에 "<svg version="1.1" width="1647" height="760"/>"으로 표시됩니다. (잘못된 크기도)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 
<script src="JQuery/jquery-1.7.2.min.js"></script> 
<script src="js/jquery.svg.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    function onLoad(svg, error){ 
    } 

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

     var svg = $('#staticRegion').svg('get'); 
     svg.load('svg/sverige.svg', { 
      addTo: false, 
      changeSize: false, 
      onLoad: onLoad 
     }); 
    }); 

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

     var svg = $('#staticRegion2').svg('get'); 
     svg.load('svg/skane.svg', { 
      addTo: false, 
      changeSize: false, 
      onLoad: onLoad 
     }); 
    }); 
}); 
</script> 

</head> 

<body> 
<div id="staticRegion"></div> 
<div id="staticRegion2"></div> 
</body> 
</html> 

게시물을 멋지게 꾸며서 깨끗하게 정리하십시오. =)

답변

0

이제 작동하게되었습니다. 이 코드는 svg 파일에서 거의 눈에 띄지 않는 몇 가지 오류와는 차별적입니다. 예를 들어 너무 많습니다. '

관련 문제