1

私の問題:

Django のテンプレート エンジンで Swup ライブラリを使用しようとしていますが、すべてうまくいきました。新しいコンテンツの取得を除きます。

アニメーションは完璧に機能しました。コンテンツがフェードアウトしていくのが見えました。get リクエストがフェッチされているアドレスも完全に機能しました。コンソールに HTTP 応答コード 200 が返されているのを確認できました。ただし、メインコンテンツはフェードアウトした後、置き換えられていませんでした。

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/ が表示されます

デバッグしようとしたときに遭遇したもう 1 つの奇妙なことは、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);

スクリプトは完全に読み込まれました。開発者ツールの [ソース] タブでそれらを確認できました。

<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