Question

请在这里查看我的语法。我收到以下错误： Object不支持此属性或方法。

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

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

Answer 1

您的语法没有任何问题，但您可能需要检查您的浏览器是否有最新版本的代码！

Answer 2

我尝试了很多版本的版本，它对我有用，所以语法很好。你在使用母版页吗？如果是这样，您的脚本位于主页或内容页面中的哪个位置？我尝试使用IE8在没有主人的单个页面上。

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

Answer 3

我使用以下内容来测试它并且它工作得很好。在用户$（文档）之前，请确保包含jquery。或者，尝试使用jQuery（document）.ready（）来查看是否有所作为。有些浏览器无法识别jQuery的$ alias：

<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>

屏幕宽度的JQuery语法问题

3 个答案: