javascript - 仅在 html 代码中使用 javascript 重新加载特定页面一次
问题描述
我正在构建一个 jquery 移动网页。我使用 swiper 滑块插件作为图片库。但是导航按钮和分页在不重新加载页面的情况下无法正常工作。当访问者进入第六页时。我只想自动刷新该页面并且只刷新一次。我的图片库已经在那个页面上了。我的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>
解决方案
经过我的研究,我找到了这样的解决方案:
我将我的 jquery 移动网站分为不同的页面。所以多页网站。并为 swiper 滑块创建了一个外部 js 文件。我将 .js 链接放在正文标记的末尾,该页面中包含滑动滑块代码。现在一切都好了。它工作得很好。在此编辑之前,所有页面代码都在同一个文件中。由于此滑动器滑块无法正常工作。现在我不需要刷新页面。
推荐阅读
- python - Django 的 docker 容器没有在 GitLab CI 管道中捕获环境 ALLOWED_HOSTS 变量
- jwt - 通过 SIGnalR Core 中的用户名向特定用户发送消息
- r - 当因子在 R 中采用特定值时如何从 data.frame 中删除行
- c# - C# 将 JSON 序列化为简单的字典
- javascript - 带有输入文本的单选按钮
- javascript - XMLHttpRequest.send(data) 不向 Django 视图函数传递数据
- linux - Linux MS Teams 预览版 + XMonad:可能会有通知浮动吗?
- reactjs - 选择并按住并拖动形状应水平或垂直滚动
- python - python:如何添加一个搜索路径
- python - 如何使用 Django 中的列表创建正确的 get 查询集以获取值