仅触发“首次点击”和移动屏幕宽度的点击

Question

我的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>