脚本仅在页面刷新后加载

时间:2017-09-26 10:49:26

标签: javascript jquery page-refresh

我有一个正在建设中的网站,其中包含来自phpjabbers.com的外部脚本,它只在我刷新页面时加载。我试着寻找解决方案,但似乎没有任何效果。 FF中的控制台没有出现任何错误。

该网站为http://www.lowie-design.be/test/salon/index.html, 然后你可以点击菜单按钮然后点击'Verhuur'。 当您直接转到页面http://www.lowie-design.be/test/salon/verhuur.html时,它可以正常工作。

脚本以这种方式包含在它应该出现的正文中:

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

刷新Verhuur页面后,一切正常。

1 个答案:

答案 0 :(得分:0)

第二页是否被ajax加载?

当您直接进入链接时,这些脚本位于底部

<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">

当您通过主菜单链接时,只会在页面底部显示以下内容:

<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">

控制台应用正在制作&#34; Hammer未定义&#34;从第237行&#34; main.min-v = 1.41.js&#34;

快速解决方法是将所有可能的脚本添加到主页面,以便额外的页面在ajax加载时看起来很好。

另一种方法是使主菜单链接为绝对链接,并使页面加载功能逐渐消失,而不是在特定div中加载html页面。