Le script ne se charge qu'après rafraîchissement de la page

Question

J'ai un site Web en construction avec un script externe de phpjabbers.com, il ne se charge que lorsque je rafraîchis la page. J'ai essayé de chercher une solution mais rien ne semble fonctionner. La console en FF n'a pas donné d'erreurs.

Le site Web est http://www.lowie-design.be/test/salon/index.html, puis vous pouvez cliquer sur le bouton de menu, puis sur 'Verhuur'. Lorsque vous allez directement à la page http://www.lowie-design.be/test/salon/verhuur.html cela fonctionne très bien.

Le script est inclus sur cette voie dans le corps où il doit apparaître:

<script class="verhuur-script" type="text/javascript" src="http://www.salon-weddings.be/script/index.php?controller=pjFrontEnd&action=pjActionLoad"></script> 

Tout fonctionne bien après que j'actualiser la page Verhuur.

Answer 1

La deuxième page est-elle chargée par ajax?

Quand vous allez directement au lien de ces scripts sont en bas

<script src="js/jquery-1.11.1.js"> 
<script src="js/hammer-v=1.js"> 
<script src="js/barba.min.js"> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.1/TweenMax.min.js"> 
<script src="js/MagicScroll.js"> 
<script src="js/MagicScrollAnimations.min.js"> 
<script src="js/masonry.js"> 
<script src="js/main.min-v=1.41.js"> 
<script type="text/javascript"> 
<script type="text/javascript" src="http://salon-weddings.be/script/core/third-party/pj_jquery/1.11.2/pjQuery.min.js"> 
<script type="text/javascript" src="http://salon-weddings.be/script/core/third-party/pj_validate/1.10.0/pjQuery.validate.min.js"> 
<script type="text/javascript" src="http://salon-weddings.be/script/core/third-party/pj_jquery_ui/1.9.2/js/pjQuery-ui.custom.min.js"> 
<script type="text/javascript" src="http://salon-weddings.be/script/core/third-party/pj_bootstrap/3.3.2/pjQuery.bootstrap.min.js"> 
<script type="text/javascript" src="http://salon-weddings.be/script/app/web/js/pjEquipmentRent.js"> 

Lorsque vous passez par le lien du menu principal, vous obtenez seulement ce qui suit au bas de la page:

<script src="js/jquery-1.11.1.js"> 
<script src="js/barba.min.js"> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.1/TweenMax.min.js"> 
<script src="js/MagicScroll.js"> 
<script src="js/MagicScrollAnimations.min.js"> 
<script src="js/masonry.js"> 
<script src="js/main.min-v=1.41.js"> 

Et l'application de la console est produit « Hammer n'est pas défini » de la ligne 237 sur « main.min-v = 1.41.js »

Une solution rapide serait d'ajouter tous les scripts possibles à la page principale afin les pages supplémentaires auront l'air bien sur la charge ajax. Une autre solution consisterait à faire du lien du menu principal un lien absolu et à faire en sorte que le chargement de la page fade au lieu de charger une page html dans un div spécifique.