hx-ext

hx-ext 属性为元素及其所有子元素启用 htmx 扩展。

该值可以是单个扩展名，也可以是要应用的扩展名的逗号分隔列表。

hx-ext 可以将标签放在父元素上，如果你想要将插件应用于整个 DOM 区域，则并将其放在 body 上以便应用于所有 htmx 请求。

hx-ext 既可以继承也可以与父元素合并，因此你可以在 DOM 层次结构中的任何元素上指定扩展，并且它将应用于所有子元素。

你可以使用以下方式 hx-ext="ignore:extensionName" 忽略由父节点定义的扩展：

<div hx-ext="example">
  "Example" extension is used in this part of the tree...
  <div hx-ext="ignore:example">
    ... but it will not be used in this part.
  </div>
</div>

示例：启用多个扩展

<body hx-ext="debug validate">

注意事项

  • 启用扩展之前，必须引入对应的 JS 文件

  • 扩展不属于 HTMX 核心包，需要单独加载

  • hx-ext 通常放在 或 标签上

  • 一个页面可启用多个扩展（用空格分隔）