屏幕宽度＆gt;时隐藏JavaScript 700像素？

Question

我正在使用jQuery mobile外部资源为网站创建移动页面。现在我只需要在移动页面上使用jQuery移动脚本。

如何根据“媒体屏幕”值调用外部JS文件？

例如：<link type="text/css" rel="stylesheet" media="screen and (max-width:700px)" href="style.css">

我正在尝试this，但它无效：

<script type="text/javascript" src="./mediatypechecker.js"></script>
<script>
function installSpecialEffects()
    {
        // Exit if small screen found (palmtop etc.)
        if(parseInt(screen.width) < 640)
            return;
        if(parseInt(screen.height) < 480)
            return;

        if(IsMediaType('screen, projection, tv') > 0)
            document.write('<script type="text/javascript" src="./SOME_SPECIAL_EFFECTS.js"><\/script>');
    }
    installSpecialEffects();
</script>

您可以尝试使用代码here.

Answer 1

oid