如何在移动设备上禁用 fancybox？

Question

我目前正在使用fancybox的灯箱在网站上显示PDF。但我只想在移动设备上禁用它，以便 PDF 正常下载。这可能吗？

我已经尝试过删除课程，但没有成功：

jQuery(document).ready(function($) {
  var alterClass = function() {
    var ww = document.body.clientWidth;
    if (ww < 600) {
      $('.pdf').removeClass('lightbox-image');
    } else if (ww >= 601) {
      $('.pdf').addClass('lightbox-image');
    };
  };
  $(window).resize(function(){
    alterClass();
  });
  //Fire it when the page first loads:
  alterClass();
});

我也用 CSS 尝试过：

@media only screen and (max-width: 600px) {
.lightbox-image {
  pointer-events: none;
}
}

...那也没有用。我将不胜感激任何帮助！