Mise a jour d'une balise object dynamiquement

Bonjour a tous,
J'aurais besoin d'un petit coup de pouce car j'ai un petit soucis sur chrome pour rafraichir une balise <object/> dynamiquement.

Voici ma balise object:

Code html :

<object id="mon_id" data="mon_fichier.svg" type="image/svg+xml"></object>

Voici la façon que j'utilise pour rafraichir l'image avec du JQuery:

Code :

$('#mon_id').attr({
     data: "/mon_fichier.svg"
});

Sur Firefox cela fonctionne très bien mais sur chrome je n'ai aucun affichage.

Alors que si je fais:

Code :

$('#mon_id').attr({
     data: "/mon_fichier.png"
});

La ça fonctionne sur Chrome. (et firefox)


Alors Chrome lit bien le SVG, et j'ai egalement trouver une petite astuce afin d'afficher l'image, c'est d'inspecter la page et d'activer et de reactiver tout de suite après un attribut du css de mon object et là l'image ce met à jour.

Mystérieux.


Quelqu'un aurait une petit idée afin de résoudre mon problème ?


Merci à tous d'avoir pris du temps afin de comprendre mon problème