trigger contentReplaced after changing body classes

Bemoth · Oct 19, 2018 · 3575627 · 3575627
1 parent 7af18e1
commit 3575627
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 24 deletions.
diff --git a/dist/swup.js b/dist/swup.js
@@ -1122,16 +1122,8 @@ module.exports = function (page, popstate) {
     // set title
     document.title = page.title;
 
-    this.triggerEvent('contentReplaced');
-    this.triggerEvent('pageView');
-    if (!this.options.cache) {
-        this.cache.empty(this.options.debugMode);
-    }
-    setTimeout(function () {
-        document.documentElement.classList.remove('is-animating');
-    }, 10);
-
     // handle classes after render
+    // remove
     if (this.options.pageClassPrefix !== false) {
         document.body.className.split(' ').forEach(function (className) {
             // empty string for page class
@@ -1140,8 +1132,7 @@ module.exports = function (page, popstate) {
             }
         });
     }
-
-    // empty string for page class
+    // add
     if (page.pageClass != "") {
         page.pageClass.split(' ').forEach(function (className) {
             if (className != "" && className.includes(_this.options.pageClassPrefix)) {
@@ -1150,6 +1141,15 @@ module.exports = function (page, popstate) {
         });
     }
 
+    this.triggerEvent('contentReplaced');
+    this.triggerEvent('pageView');
+    if (!this.options.cache) {
+        this.cache.empty(this.options.debugMode);
+    }
+    setTimeout(function () {
+        document.documentElement.classList.remove('is-animating');
+    }, 10);
+
     // scrolling
     if (!this.options.doScrollingRightAway || this.scrollToElement) {
         this.doScrolling(popstate);