将 Swup 与 Django 一起使用

编程问答 2022-04-21

问题描述

我的问题：

我正在尝试将 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 (将#修改为@）