Thuộc tính hx-swap
cho phép bạn chỉ định cách phản hồi sẽ được hoán đổi so với mục tiêu của yêu cầu AJAX
Các giá trị có thể có của thuộc tính này là
0 - Mặc định, thay thế html bên trong của phần tử đíchGet Some HTML & Append It
1 - Thay thế toàn bộ phần tử đích bằng phản hồiGet Some HTML & Append It
2 - Chèn phản hồi trước phần tử đíchGet Some HTML & Append It
3 - Chèn phản hồi trước phần tử con đầu tiên của phần tử đíchGet Some HTML & Append It
4 - Chèn phản hồi sau phần tử con cuối cùng của phần tử đíchGet Some HTML & Append It
5 - Chèn phản hồi sau phần tử đíchGet Some HTML & Append It
6 - Xóa phần tử đích bất kể phản hồiGet Some HTML & Append It
7- Không nối thêm nội dung từ phản hồi [các mục nằm ngoài nhóm sẽ vẫn được xử lý]Get Some HTML & Append It
Các tùy chọn này dựa trên cách đặt tên DOM tiêu chuẩn và thông số kỹ thuật của
Get Some HTML & Append It
8Vì vậy, trong mã này
Get Some HTML & Append It
Get Some HTML & Append It
9 sẽ đưa ra yêu cầu tới
Get Some HTML & Append It
0 và nối thêm nội dung được trả về sau
Get Some HTML & Append It
9sửa đổi
Các thuộc tính hx-swap
hỗ trợ các công cụ sửa đổi để thay đổi hành vi của hoán đổi. Chúng được phác thảo dưới đây
thời gian.
Get Some HTML & Append It
3 &
Get Some HTML & Append It
4
Get Some HTML & Append It
Get Some HTML & Append It
Bạn có thể sửa đổi lượng thời gian mà htmx sẽ đợi sau khi nhận được phản hồi để hoán đổi nội dung bằng cách thêm công cụ sửa đổi
Get Some HTML & Append It
3
Get Some HTML & Append It
Tương tự, bạn có thể sửa đổi thời gian giữa logic hoán đổi và giải quyết bằng cách thêm công cụ sửa đổi
Get Some HTML & Append It
4
Get Some HTML & Append It
Các thuộc tính này có thể được sử dụng để đồng bộ hóa htmx với thời gian của các hiệu ứng chuyển tiếp CSS
cuộn.
Get Some HTML & Append It
7 &
Get Some HTML & Append It
8
Get Some HTML & Append It
Get Some HTML & Append It
Bạn cũng có thể thay đổi hành vi cuộn của phần tử đích bằng cách sử dụng công cụ sửa đổi
Get Some HTML & Append It
7 và
Get Some HTML & Append It
8, cả hai đều nhận các giá trị
Get Some HTML & Append It & Scroll To Bottom
1 và
Get Some HTML & Append It & Scroll To Bottom
2
Get Some HTML & Append It & Scroll To Bottom
Get Some Content
Nếu bạn muốn nhắm mục tiêu một phần tử khác để cuộn hoặc hiển thị, bạn có thể đặt bộ chọn CSS sau
Get Some HTML & Append It & Scroll To Bottom
3 hoặc
Get Some HTML & Append It & Scroll To Bottom
4, theo sau là
Get Some HTML & Append It & Scroll To Bottom
5 hoặc
Get Some HTML & Append It & Scroll To Bottom
6
Get Some Content
Bạn cũng có thể sử dụng
Get Some HTML & Append It & Scroll To Bottom
7 và
Get Some HTML & Append It & Scroll To Bottom
8 để cuộn lên trên cùng và dưới cùng của cửa sổ hiện tại
Get Some Content
cuộn tiêu điểm
htmx duy trì tiêu điểm giữa các yêu cầu đối với đầu vào có thuộc tính id đã xác định. Theo mặc định, htmx ngăn tự động cuộn đến đầu vào tập trung giữa các yêu cầu có thể là hành vi không mong muốn đối với các yêu cầu dài hơn khi người dùng đã cuộn đi. Để bật cuộn tiêu điểm, bạn có thể sử dụng
Get Some HTML & Append It & Scroll To Bottom
9
Ngoài ra, nếu bạn muốn trang tự động cuộn đến phần tử được đặt tiêu điểm sau mỗi yêu cầu, bạn có thể thay đổi giá trị cấu hình toàn cục htmx
Get Some Content
0 thành true. Sau đó vô hiệu hóa nó cho các yêu cầu cụ thể bằng cách sử dụng
Get Some Content
1