hx-preserve

hx-preserve 屬性允許您在 HTML 替換期間保持元素不變。當 htmx 更新任何父元素時，設定了 hx-preserve 的元素會透過 id 保留。您必須在元素上設定不變的 id，hx-preserve 才能運作。回應需要具有相同 id 的元素，但會忽略其類型和其他屬性。

注意事項

• hx-preserve 不會被繼承
• 您可以使用 hx-preserve="true" 或僅使用 hx-preserve 作為布林屬性
• 不幸的是，某些元素無法正確保留，例如 <input type="text">（焦點和插入符號位置會遺失）、iframe 或某些類型的影片。為了處理其中一些情況，我們建議使用 morphdom 擴展，它會進行更精細的 DOM 調和
• 當使用 歷史記錄支援 執行像是返回按鈕等動作時，hx-preserve 元素也會保留其狀態
• 避免將 hx-swap 設定為 none，用於可能包含 hx-preserve 元素的請求，以避免遺失該元素
• 當切換部分/oob 回應時，hx-preserve 可能會導致元素從其目前位置移除並重新定位到新的位置

  <div id="new_location">
    Just relocated the video here
    <div id="video" hx-preserve></div>
  </div>
  

• 可用於 hx-swap-oob 元素的內部內容

  <div id="notify" hx-swap-oob="true">
    Notification updated but keep the same retain
    <div id="retain" hx-preserve></div>
  </div>