瀏覽代碼

Drop jQuery-related usage in images index template

Tidiane Dia 2 年之前
父節點
當前提交
bf0ecae7bf
共有 1 個文件被更改,包括 8 次插入5 次删除
  1. 8 5
      wagtail/images/templates/wagtailimages/images/index.html

+ 8 - 5
wagtail/images/templates/wagtailimages/images/index.html

@@ -13,12 +13,15 @@
             targetOutput: "#image-results"
         }
 
+        const submitFormOnDropdownChange = (dropdownSelector) => {
+            const dropdown = document.querySelector(dropdownSelector);
+            dropdown.addEventListener('change', () => {
+                dropdown.form.submit();
+            })
+        };
         const dropdownSelectors = ["#collection_chooser_collection_id", "#order_images_by"];
-        $(function() {
-            dropdownSelectors.forEach(dropdownSelector =>
-                $(dropdownSelector).on('change', function() {
-                    this.form.submit();
-                })
+        window.addEventListener("DOMContentLoaded", () => {
+            dropdownSelectors.forEach(dropdownSelector => submitFormOnDropdownChange(dropdownSelector)
             );
         });
     </script>