屏幕寬度的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語法問題

回答

相關問題