Popup не для мобильных браузеров

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

Опираясь на What is the best way to detect a mobile device in 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}); 
}