我是 JS 的新手。我正在嘗試將媒體查詢與 Vanilla JavaScript 結合使用。我正在嘗試為我的網頁設計一個滑塊。我正在使用 Swiper.js。這是我的 JS 代碼：var mySwiper = new Swiper('.swiper-container', { // Optional parameters   loop: true,   slidesPerView: 3,   spaceBetween: 30,// If we need paginationpagination: {  el: '.swiper-pagination',  clickable: true,},// Navigation arrowsnavigation: {  nextEl: '.swiper-button-next',  prevEl: '.swiper-button-prev',}, });我想將slidesPerView屬性值修改為 1，媒體查詢最大寬度為 750px。我試過這種方式：var media = window.matchMedia("(max-width: 750px)");mediaSlider(media);media.addListener(mediaSlider);function mediaSlider(media) {    if(media.matches) {        mySwiper.slidesPerView = 1;    }}這種方法不起作用。請幫助我找出我錯過了什么。