屏幕宽度的JQuery语法问题

请在这里查看我的语法。我收到以下错误：对象不支持此属性或方法。屏幕宽度的JQuery语法问题

任何帮助，将不胜感激。如果屏幕分辨率小于或等于1024像素宽，我试图附加新的样式表。

$(document).ready(function() { 
    if ((screen.width<=1024)) { 
    $('head').append('<link rel="stylesheet" href="/css/mycss.css" type="text/css" />'); 
    } 
});

来源

2011-10-04 Darren

什么浏览器？在Chrome上正常运行。你的if语句附近有一组额外的parens。 – CambridgeMike

问题必须在其他地方？这工作：[jsFiddle]（http://jsfiddle.net/DnE4f/） – stealthyninja

你确定你已经包含jQuery？ – stealthyninja

你的语法没有问题，但你可能想检查你的浏览器是否有最新版本的代码！

来源

2011-10-04 15:42:44 CodingIntrigue

我尝试了许多版本，你有什么，它适用于我，所以语法是好的。你在使用母版页吗？如果是这样，你的脚本在哪里，在主页或内容页面？我尝试了一个没有使用IE8的主页。

为了确保您的当前JS代码已加载到浏览器中，请使用Ctrl + F5进行全面刷新，这应该会加载任何新的JS文件以及CSS。如果您使用的是IE，那么也请按F12并尝试使用开发人员工具调试错误发生的位置。你应该也可以在那里为你的脚本配音。

来源

2011-10-04 15:56:58 user743940

我用下面的方法来测试这个，它工作得很好。确保在用户$（document）之前包含jquery。或者，尝试jQuery（document）.ready（）来查看是否有所作为。有些浏览器不认可jQuery的$别名：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     alert(screen.width); 
     if ((screen.width <= 1024)) { 
      $('head').append('<link rel="stylesheet" href="mycss.css" type="text/css" />'); 
     } 
    }); 
</script>

来源

2011-10-04 15:57:15

屏幕宽度的JQuery语法问题

回答

相关问题