如何僅在非移動瀏覽器上運行jQuery？

我使用這個jQuery的一個（優秀）收藏類的插件叫做zoombox：如何僅在非移動瀏覽器上運行jQuery？

 $('a.zoombox').zoombox({...});

它採用的形式http://vimeo.com/15171582a鏈接，解析VIMEO ID（15171582），並彈出它加載燈箱一個iframe這個網址：

http://player.vimeo.com/video/15171582?autoplay=1&title=0&byline=0&portrait=0&wmode=transparent

如何修改jQuery的，這樣，在移動瀏覽器查看時，

燈箱不會啓動，並且
簡單鏈接轉換爲iframe鏈接？

來源

2013-05-20 Ze' ev

讓jQuery獲取瀏覽器的高度/寬度並啓動防止推出的屏幕尺寸太小了。同樣的事情來操縱鏈接。 –

這裏你去：http://detectmobilebrowsers.com/ – Mathletics

[檢查這個問題]（http://stackoverflow.com/questions/3514784/what-is-the-best-way-to-detect-a-handheld-設備功能於jquery的）。 –

您可以使用：http://detectmobilebrowsers.com/來檢測移動設備。

或檢測窗口寬度，如：

function isMobile() { 
    if(window.innerWidth <= 600) { 
    return true; 
    } else { 
    return false; 
    } 
}

，並使其反應，如：

// keep original url 
$('a.zoombox').each(function() { 
    var url = $(this).attr('href'); 
    $(this).data('url',url); 
}); 

// on load 
doMagic(); 

// resizing 
$(window).resize(function() { 
    doMagic(); 
}); 

// lightbox? 
function doMagic() { 
    $('a.zoombox').each(function() { 
    var url = $(this).data('url'); 
    $(this).attr('href',url); 
    }); 
    if (!isMobile) { 
    $('a.zoombox').zoombox({...}); // lightbox here 
    } 
} 

// detect mobile 
function isMobile() { 
    if(window.innerWidth <= 600) { 
    return true; 
    } else { 
    return false; 
    } 
}

未測試

編輯：添加負載doMagic通話..

來源

2013-05-20 19:02:54

簡單的isMobile（）是：'return window.innerWidth <= 600;' –

如何僅在非移動瀏覽器上運行jQuery？

回答

相關問題