Javascript 我使用的Windows matchmedia脚本是错误的还是我遗漏了一些非常重要的内容？

我正在尝试创建mysql记录的响应显示，并尝试将响应分页附加到它。为此，我使用了window matchmedia脚本。 我在网上找到了一个，它在互联网上常见的例子中也得到了很好的响应（为了方便参考，我在禁用模式下附上了这个例子）。 但当我尝试使用定制它（使用pageSize=1）来满足我自己的需求时，我发现它没有响应。 我确信我在脚本中犯了一些错误或遗漏了一些东西，但由于我不懂JavaScript，我很高兴有人能帮我找到它。 我正在使用的脚本如下所示-

        var mq = window.matchMedia("(max-width:468px)");
        myFunction(mq);
        mq.addListener(myFunction);
        function myFunction(mq) {
        if (mq.matches){
    pageSize = 1;
        //document.body.style.backgroundColor = "yellow";
        }
        else {
    pageSize = 5;
        //document.body.style.backgroundColor = "pink";
        }
        }
        //Pagination
        //pageSize = 1;
    var pageCount =  $(".line-content").length / pageSize;
    
        for(var i = 0 ; i<pageCount;i++){
        
        $("#pagin").append('<li><a href="javascript:void();">'+(i+1)+'</a></li> ');
        }
        $("#pagin li").first().find("a").addClass("current");
        showPage = function(page) {
        $(".line-content").hide();
        $(".line-content").each(function(n) {
            if (n >= pageSize * (page - 1) && n < pageSize * page)
                $(this).show();
        });        
    };
    
    showPage(1);
        
    $("#pagin li a").click(function() {
        $("#pagin li a").removeClass("current");
        $(this).addClass("current");
        showPage(parseInt($(this).text())); 
    });

var mq=window.matchMedia（（最大宽度：468px））；
myFunction（mq）；
mq.addListener（myFunction）；
函数myFunction（mq）{
if（mq.matches）{
页面大小=1；
//document.body.style.backgroundColor=“黄色”；
}
否则{
页面大小=5；
//document.body.style.backgroundColor=“粉色”；
}
}
//分页
//页面大小=1；
var pageCount=$（“.line content”）.length/pageSize；
对于（变量i=0；i=pageSize*（第1页）和&n