1

htmx hx-trigger="revealed"を使用して無限スクロールを実装したいと考えています。

このhtmlをブラウザに送信します。この場合、Note-20 は次のノート (Note-19) をロードする必要があります。

    <h1 class="">Note-20</h1>
    <p class="">foo</p>
    <div hx-get="/note/19/" hx-trigger="revealed" hx-swap="outerHTML" class=""></div>

URL/note/19/はほぼ同じ HTML を返します。この HTML には Note-19 のデータが含まれており、最後に「表示」で Note-18 をロードするようブラウザに指示します。

これは最初の音符で機能します。しかし、それは止まります。

その理由は何ですか？

アップデート

Django で htmx を使用する方法を示す簡単なデモ アプリケーションを作成します: django-htmx-fun

4

1 に答える 1

1

私は解決策を見つけました：上記のコードでは<div>、ロードをトリガーする経由hx-getは空です。

コンテンツ（「...」など）を追加すると、機能します。

私のブラウザ（Chrome）は空<div>をレンダリングしないため、明らかにされたイベントはトリガーされません。

空<div>でない場合は機能します。

于 2021-01-29T20:54:49.100 に答える