聲明:我不是一個JavaScript或jQuery專家。不同的javascript/jQuery功能通過屏幕方向移動和瀏覽器
這可能是一個容易解決的問題,因爲它只是一個小小的修復,我找不出來。如果瀏覽器處於橫向模式,我正在實施一個橫向網站,如果縱向瀏覽,則是垂直網站。對於媒體查詢而言,CSS更改不是問題。我遇到的問題是當我只想在屏幕處於橫向模式時運行特定的腳本。我遇到的下一個問題是,我不僅希望在移動設備上工作,而且還希望它能夠在標準瀏覽器中響應,即檢測何時屏幕寬度>屏幕高度並運行所述腳本。這是我到目前爲止的代碼:
var height = $(window).height();
var width = $(window).width();
if (width > height) {
//run landscape script
} else {
//run portrait script
};
這是工作就好了頁面加載時檢測到的方向,但是當屏幕大小,因爲劇本沒有被綁定到window.resize它不會改變。這就是說,它綁定到window.resize時也不起作用。
有沒有更好的方法來解決這個問題?或者我只需要修理已經在這裏的東西?
我對移動設備編寫JavaScript並不是很熟悉,因爲我主要爲桌面Web應用程序編寫JavaScript。但是,您可能能夠在[jQuery Mobile](http://jquerymobile.com/)中找到有用的東西,因爲您已經在使用jQuery。這是一個致力於移動設備支持的jQuery框架。希望這可以幫助。祝你好運。 – War10ck