現在、SVGコードのみを記述したファイルをjQueryのloadでHTMLに読み込み、
アイコン表示部分からは各SVGのIDを指定して表示しています。
http://localhost/news/
のような形式のURLだと問題なく表示されるのですが、(以下図)
http://localhost/news?start=5
のようにURLにパラメーターがつくと表示されなくなります。(以下図)
SVGコードのHTMLへの読み込みは問題なく完了しています。
なにか、考えられる原因がございましたら、ご教示いただけるとありがたいです。
よろしくお願いいたします。
すみません、以下追記します。
###読み込んでいるSVGファイル(.txt)
<svg id="svg-none" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="home-svg" viewBox="0 0 512 512"> <g> <polygon class="home-svg-img" points="433.198,205.502 363.908,136.267 308.912,81.341 256.089,28.324 0,284.219 37.928,322.123 256.089,104.142 474.071,322.123 512,284.219 "></polygon> <polygon class="home-svg-img" points="78.801,312.098 78.801,483.676 213.994,483.676 213.994,368.231 298.006,368.231 298.006,483.676 433.198,483.676 433.198,312.083 256.089,134.959 "></polygon> </g> </symbol> 以下、各アイコンのコードが続きます。 </defs> </svg>
###jQueryでHTMLへ読み込み
$(function() { $('#svg-load').load('http://localhost/inc/svg.txt'); }); <div id="svg-load"></div> 内にコードが書き込まれます。
###アイコン表示部分のHTML
<span class="icon"><svg class="home-svg"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#home-svg"></use></svg></span>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/04/29 08:32 編集
2016/04/29 08:40
2016/04/29 08:42
2016/04/29 08:46