Javascript 仅在第一次加载和移动屏幕宽度上触发单击

我的CSS元素触发了点击，但没有特定的宽度，在手机上我遇到过这样的事情，但没有成功

<script>
$( document ).on( 'ready', function() {

var handleMatchMedia = function (mediaQuery) {
  if (mediaQuery.matches) {

    $('.toggle-content-item').click();

} 
},

mql = window.matchMedia('(max-width: 768px)');

handleMatchMedia(mql); 
mql.addListener(handleMatchMedia); 

} );
</script>

$（文档）.on（'ready'，function（））{
var handleMatchMedia=函数（mediaQuery）{
if（mediaQuery.matches）{
$（'.toggle content item'）。单击（）；
} 
},
mql=window.matchMedia（'（最大宽度：768px'）；
handleMatchMedia（mql）；
mql.addListener（handleMatchMedia）；
} );

您的代码适合我。您确定您的浏览器窗口在正在发送的媒体查询中吗？在全宽范围内，

mediaQuery.matches

显示

false

，但如果我将其设置为超小，它将按预期返回

true

。是的，它可以工作，但有时不能。因此，我希望每次在移动设备上加载、刷新站点时都能触发它