使用 HTMX 更换整个身体

Question

使用 HTMX 更换整个身体

我有以下内容index.html

<head>
<meta charset="UTF-8">
<script src="https://unpkg.com/htmx.org@1.9.5"></script>
</head>
<body id="bomb-main" class="main-page">
<div class="bomb"
     hx-trigger="click"
     hx-swap="outerHTML"
     hx-target="#bomb-main"
     hx-get="/boom"></div>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

/boom返回以下响应

<body id="bomb-main" class="bomb-animation">
<h1>ka-boom</h1>
</body>

Run Code Online (Sandbox Code Playgroud)

单击时，主体将被替换，但类保持不变。

<body id="bomb-main" class="main-page">
<h1>ka-boom</h1>
</body>

Run Code Online (Sandbox Code Playgroud)

如何更改的类body？

Answer 1

McP*_*son 1

无法替换该body元素。htmx将转换outerHTML为innerHTML交换值。请参阅文档中的hx-swap 注释

\n

\n
由于 DOM 限制，\xe2\x80\x99s 无法在元素上使用 externalHTML 方法<body>。htmx 将更改outerHTML 以<body>使用innerHTML
\n

\n

归档时间：	2 年，1 月前
查看次数：	1422 次
最近记录：	2 年，1 月前