javascript - How to load HTML <object> SVG even when hidden - Stack Overflow

admin管理员组

文章数量:1356246

I need to wait for a certain object to load while it is hidden. But what appears to be happening, is that it only loads without the display:none;

I'm using jQuery, and I tried putting the .load on the object to call a function when it loads, but seems that it will not load, because it's hidden.

Is there a way of 'forcing' the load of the Object, or, another way to 'hide' but still loading?

How to do it correcly:

use visibility: hidden instead of display: none

as explained here: .html#VisibilityProperty

When the ‘display’ property is set to none, then the given element does not bee part of the rendering tree. With ‘visibility’ set to hidden, however, processing occurs as if the element were part of the rendering tree

I need to wait for a certain object to load while it is hidden. But what appears to be happening, is that it only loads without the display:none;

I'm using jQuery, and I tried putting the .load on the object to call a function when it loads, but seems that it will not load, because it's hidden.

Is there a way of 'forcing' the load of the Object, or, another way to 'hide' but still loading?

How to do it correcly:

use visibility: hidden instead of display: none

as explained here: http://www.w3/TR/SVG/painting.html#VisibilityProperty

When the ‘display’ property is set to none, then the given element does not bee part of the rendering tree. With ‘visibility’ set to hidden, however, processing occurs as if the element were part of the rendering tree

• javascript
• jquery
• html
• svg

Share Improve this question Follow edited Aug 5, 2012 at 4:52 Ivan Seidel asked Aug 5, 2012 at 4:23 Ivan SeidelIvan Seidel 2,37266 gold badges3434 silver badges4949 bronze badges 1

• 1 Good question. Now I'm curious as to the answer as well. – SomeKittens Commented Aug 5, 2012 at 4:25

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 3

Load it off screen, style="position:absolute;left:100000px"

How to doit correcly:

use visibility: hidden instead of display: none

as explained here: http://www.w3/TR/SVG/painting.html#VisibilityProperty

When the ‘display’ property is set to none, then the given element does not bee part of the rendering tree. With ‘visibility’ set to hidden, however, processing occurs as if the element were part of the rendering tree

thanks to @SomeKittens

It seems that an SVG will not be rendered if the element is set to display:none. It's possible to load every element individually with JS as shown in this answer.

本文标签： javascriptHow to load HTML ltobjectgt SVG even when hiddenStack Overflow