Problème de chargement d'image dans div ajax

Fermé
Utilisateur anonyme - Modifié le 7 oct. 2018 à 11:31
Bonjour, je développe actuellement un site où j'ai réalisé un menu en jquery et ajax, me permettant de changer de page, ou plutôt de changer le contenu de ma div parent, sans rafraîchissement du navigateur. Tout fonctionne bien, sauf l'image que j'ai sur ma page d'accueil, je doit cliquer plusieurs fois sur le bouton du menu pour qu'elle s'affiche.

Mon js :
$( "body" ).on( "click", "a[aria-link=index]", function() {
$('#loader').removeClass("none");
$('#navbar-toggler').addClass("collapsed");
$('#navbar-toggler').attr("aria-expanded", "false");
$('#navbarSupportedContent').removeClass("show");
$('.page-wrap').load('/pages/index', function() {
window.history.pushState(document.title,document.title,"/");
$('.nav-item').removeClass("active");
$('li[aria-link=index]').addClass("active");
$('#loader').addClass("none");
$('a[aria-link]').removeAttr("href");
});
});

Le code du bouton du menu :
<li class="nav-item" aria-link="index">
<a class="nav-link" aria-link="index" href="/"><span>Accueil</span></a></li>


Si quelqu'un a une idée..
Merci beaucoup :D