jquery - 弹出窗口不在移动浏览器上

Question

我有 jquery 弹出窗口，它可以在手机和 PC 的所有浏览器上打开。我不想在移动浏览器上显示它，我该怎么做？

function lightbox(){
$.colorbox({inline:true, href:"#inline_content",onClosed: pauseSound, overlayClose: false});
            }

谢谢！

Answer 1

你可以试试这个：

function lightbox(){
if (screen.width <=700) #or whatever you want
  {
  $.colorbox({inline:true, href:"#inline_content",onClosed: pauseSound, overlayClose: false});
  }
}

Answer 2

建立在 jQuery 中检测移动设备的最佳方法是什么？你可以这样做

function lightbox(){
  if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
    return;
  }
  $.colorbox({inline:true, href:"#inline_content",onClosed: pauseSound, overlayClose: false});
 }