1

我的问题：

我正在尝试将 Swup 库与 Django 的模板引擎一起使用，并且一切正常；除了获取新内容。

动画效果很好；我可以看到我的内容逐渐淡出。获取请求的地址也可以正常工作；我可以看到我的控制台中返回了 200 的 HTTP 响应代码。但是，主要内容在淡出之后并没有被替换。

Django 渲染示例：基本 URL：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 更改为在开头使用 '/' 以便将其拾取。

我已经尝试并用尽了所有可能的解决方案，在谷歌搜索和堆栈溢出中也找到了解决方案。如果有任何建议，请给我指出更合适的资源！谢谢你读到这里！

4

0 回答 0