用HTML代码中的JavaScript只重载一次特定页面

y53ybaqx  于 2023-04-28  发布在  Java
关注(0)|答案(2)|浏览(117)

我正在创建一个jquery mobile网页。我使用刷卡滑块插件的图像画廊。但导航按钮和分页不正确工作,没有重新加载页面.当访问者进入第六页。
我只想自动刷新该页面,而且只刷新一次。我的图片库已经在那页了。我的HTML代码是这样的。我想我们可以用java脚本代码重新加载网页。虽然我做了很多研究,但我找不到解决方案。如果你能帮助我,我将不胜感激。

<div data-role="page" id="page6">
       
      <div data-role="header">
       <div class="logo"></div>
       <div class="blueline"></div>
      </div>
      <div data-role="content" class="bodycopy"><center>Resimleri Görmek İçin Yukarı Kaydırın</center>
        
        <div class="swiper-container">
        <div class="swiper-wrapper">
            
          <div class="swiper-slide" ><img src="images/image-1.jpg" alt="resim-1"></div>
          <div class="swiper-slide" ><img src="images/image-2.jpg" alt="resim-2"></div>
          <div class="swiper-slide" ><img src="images/image-3.jpg" alt="resim-3"></div>
          <div class="swiper-slide" ><img src="images/image-4.jpg" alt="resim-4"></div>
          <div class="swiper-slide" ><img src="images/image-5.jpg" alt="resim-5"></div>
          <div class="swiper-slide" ><img src="images/image-6.jpg" alt="resim-6"></div>
           </div>
          <div class="swiper-pagination"></div>
          <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
        </div>
  
      <div data-role="footer" class="footer">
         <h4><a href="#page" data-role="button" data-icon="back" data-iconpos="notext">Button</a></h4>
      </div>
    </div>
z9zf31ra

z9zf31ra1#

您可以使用location.reload()location = location作为旧浏览器的后备,以重新加载JavaScript页面。

<button id="reload" onClick="refresh()">Reload</button>
<script>
function refresh(){
 location.reload() ? location.reload(): location = location;
}
</script>
zphenhs4

zphenhs42#

经过研究,我找到了这样一个解决方案:
我把我的jquery移动的网站分成了不同的页面。就像第一页。html,第2页。html所以我做了多页面网站。并为swiper slider创建了一个外部.js文件。我把.js链接放在body标签的末尾,该页面包含滑动器滑块代码。
现在一切都好了。效果非常好。在此编辑之前,所有页面代码都在同一个文件中。由于这个刷卡滑块没有正常工作。现在我不需要刷新页面。

相关问题