将jQuery加载(在svg上)到HTML div中是行不通的

时间:2014-06-13 02:00:19

标签: javascript jquery html html5 svg

            <!DOCTYPE html>
            <!-- initial rendition -->
            <html>
                <head>
                    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

                    <script>
                        $(function () { 
                            $('#bat').load('sample.svg');
                        });

                    </script>
                </head>
                <body>
                    <div id="bat">
                        <!--
                        <svg height="100" width="100">
                            <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
                        </svg> 
                        -->
                    </div>
                </body>
            </html>

我写了这个简短的代码来测试它并且它仍然无法正常工作。 &#34; sample.svg&#34;的内容是#bat中注释掉的svg标记。取消注释#bat中的svg显示就好了。

&#34; sample.svg&#34;与此html位于同一目录中。

感谢任何帮助。

0 个答案:

没有答案