如何解决将 Swup 与 Django 一起使用
我的问题:
我正在尝试将 Swup 库与 Django 的模板引擎一起使用,并且一切正常; 获取新内容除外。
动画效果很好;我可以看到我的内容逐渐淡出。 获取请求的地址也能正常工作;我可以看到在我的控制台中返回了 200 的 HTTP 响应代码。 但主要内容淡出后并没有被取代。
Django 渲染的示例: 基本网址:http://127.0.0.1:8000
<!-- What is written in my code -->
<a href="{% url 'home_view' %}" >
<!-- What Django renders in the browser -->
<a href="/" >
在我的 urls.py 中:
urlpatterns = [
path('',views.homeView,name='home_view'),]
值得注意的是:使用开发工具,将鼠标悬停在呈现的 href 上时,会显示 http://127.0.0.1:8000/
我在尝试调试时遇到的另一个奇怪的事情是,我的 html 元素添加了以下属性,但即使在动画结束后它仍然保留在那里。
<html lang="en" class="swup-enabled is-changing is-leaving is-animating to-homepage">
Swup 配置或使用的任何其他相关代码:
let options = {
LINK_SELECTOR: 'a',debugMode: true,};
const swup = new Swup(options);
脚本加载完美;我可以在我的开发者工具中的 Sources 标签下看到它们。
<head>
<script defer src="{% static 'swup.min.js' %}"></script>
<script defer src="{% static 'script.js' %}"></script>
<link rel="stylesheet" href="{% static 'style.css' %}"/>
</head>
在创建这个问题之前,我做了以下事情::
- [x] 检查已解决的问题是否存在类似/相关问题。
- [x] 按照文档中的说明更改 LINK_SELECTOR。
- [x] 将 href 更改为在开头使用“/”,以便它会被选中。
我已经尝试并用尽了在谷歌搜索和堆栈溢出中找到的所有可能的解决方案。 如果有任何建议,请为我指出更合适的资源! 感谢您阅读到这里!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。