2011-08-15 7 views
3

svg를 조작하고 jquery와 선택기로 요소에 액세스하고 싶지만 작동하지 않는 것 같습니다. getJSON과 .ajax와 같은 다른 모든 함수는 문제없이 작동합니다.svg로 Jquery selector

브라우저에서 svg 내용이 포함 된 HTML 페이지가 아닌 file.svg를로드합니다. 이 텍스트 요소의 값을 어떻게 변경합니까? (이 노드는 루트 자식입니다.)

<text id="green_nick" class="nickname" x="1200" y="279" onclick="takeSeat(evt)">a234567890a2345</text> 

// this doesnt work 
$.("#green_nick").val("changeit!") 

답변

1

SVG는 비표준 요소를 사용하기 때문에 DOM 요소처럼 조작 할 수 없습니다. SVG 요소를 조작하려면 jQuery SVG을 봐야합니다.

1

jQuery SVG는 짧은 학습 곡선을 많이 제공하는 약간의 시간이있는 경우 솔루션입니다. SVG를 Kieth의 jQuery SVG로 변환하십시오. 당신은 당신이 돔 이 또한 처음 2가 그대로

http://irunmywebsite.com/raphael/SVGTOHTML_LIVE.php

드롭 다운에서 3 옵션을 선택 컨버터에서 "매트릭스"차트를 볼 수 제어 할 수 있습니다 자신의 패키지에서 jQuery를 SVG 린을 추가 캠 다른 SVG 라이브러리

Dom을 제어하기위한 위의 정보를 보완하는 매트릭스 정보를 찾을 수 있습니다.