不在移动浏览器上弹出

Question

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

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});
 }