Jquery để di chuyển trường phía trên bảng - thay đổi trong khi làm mới trang

Tôi có mã jquery bên dưới để di chuyển trường nhiều lựa chọn và nút phía trên bảng.

jQuery(tài liệu).ready(function($){
  $('#views-form-resources-block-1 .form-item-ka-types').insert Before($('#views-form-myblock-block-1 table'));
  $('#views-form-resources-block-1 #edit-actions--2').insertafter($('#views-form-myblock-block-1 .form-item-ka-types'));
});

Trong mã này, tôi đang di chuyển trường ka-type phía trên chế độ xem khối của tôi. đại diện hình ảnh như dưới đây:

Mã này hoạt động tốt khi tôi tải trang lúc đầu. Nhưng khi tôi làm mới trang, đa lựa chọn không hoạt động và hiển thị lộn xộn. một lần nữa khi tôi làm mới trang, nó hoạt động tốt. Không chắc vấn đề là gì. Bất kỳ trợ giúp về cách này có thể được sửa chữa?

Dưới đây là giải pháp của tôi cho việc này:

(hàm($, Drupal) {
  Drupal.behaviors.searchResults = {
    đính kèm: hàm() {
      $('#views-form-resources-block-1 .form-item-ka-types')
        .insertB Before($('#views-form-myblock-block-1 table'));
      $('#views-form-resources-block-1 #edit-actions--2')
        .insertafter($('#views-form-myblock-block-1 .form-item-ka-types'));
    }
  };
}(jQuery, Drupal));

@Kevin là chính xác. Khi biểu mẫu xây dựng lại, các thay đổi DOM sẽ bị mất. Hiểu rõ hơn về các hành vi Drupal liên kết có lời giải thích tuyệt vời và các ví dụ về Hành vi Drupal.