誤差mixitup過濾網頁上沒有過濾

Question

在我的主頁我已經mixitup使用這個工作：

var containerEl = document.querySelector('.gallery-container'); 
    var mixer = mixitup(containerEl, { 
     selectors: { 
      control: '[data-mixitup-control]' 
     }, 
     load: { 
      filter: '.engagement-ceremony' 
     } 
    }); 

我從他們的網站得到這個。它工作正常，但是當我進入另一個頁面時，我在控制檯中得到了這個錯誤： Uncaught Error: [MixItUp] An invalid selector or element reference was passed to the mixitup factory function它導致我的頁面上的其他js中斷。

我想我會嘗試這個，而不是看個究竟：

var mixer = mixitup('.gallery-container', { 
     selectors: { 
      control: '[data-mixitup-control]' 
     }, 
     load: { 
      filter: '.engagement-ceremony' 
     } 
    }); 

但後來我得到這個錯誤：Uncaught Error: [MixItUp] The provided selector yielded no container element。

我很難過，爲什麼這樣會出錯。

編輯 所以，我可以得到這個沒有錯誤正常工作的唯一途徑是採取mixitup腳本的這一部分，並將其加載到我的主頁有條件使用php。困擾我的黑客修復，但它唯一的辦法。

Answer 1

// Gallery Filtering 
 
    var containerEl = document.querySelector('.gallery-container'); 
 
    var mixer; 
 

 
    if (containerEl) { 
 
     mixer = mixitup(containerEl, { 
 
      selectors: { 
 
       control: '[data-mixitup-control]' 
 
      }, 
 
      load: { 
 
       filter: '.engagement-ceremony' 
 
      } 
 
     }); 
 
    }

我不得不換行腳本在if聲明。