jquery SVG动画只有在我打开浏览器的开发工具时才会启动

aor9mmx1 于 12个月前发布在 jQuery

关注(0)|答案(2)|浏览(130)

当我将一个带有SVG动画图像的div注入Bootstrap 5 offcanvas内的HTML中时，然后以编程方式显示，只有当我打开与浏览器集成的开发工具时，动画才会启动。

$("#myDiv").html('<div class="" style="image-rendering: auto;"><img src="/img/loading-spinner.svg"></div>');

字符串
我使用的是Chrome，版本119.0.6045.161（官方版本）（64位）

2条答案

我上传了一个我制作的动画SVG，并在你添加的代码中实现了它。SVG动画可以工作，可以在下面的片段中看到。
我假设您的SVG文件是问题的原因，而不是您在这里使用的代码。

$("#myDiv").html('<div class="" style="image-rendering: auto;"><img src="https://svgur.com/i/10G_.svg"></div>');

个字符

我通过加载带有标签“SVG”的SVG解决了这个问题，动画立即开始。

<svg width="40" height="40">       
   <image xlink:href="/img/loading-spinner.svg" width="50" height="50"/>    
</svg>

字符串