我編寫了一個非常簡單的jquery腳本,將元素正確地放置在網頁上,基本上可以在沒有媒體查詢的情況下響應。現在它工作得很好,但window.resize不會在document.ready上觸發,它在窗口上工作時調整它的大小。任何幫助將不勝感激。把鏈接到頁面底部jquery window.resize無法正常工作
// JavaScript Document
$(document).ready(PlaceContents);
$(window).ready(PlaceContents);
$(window).on('resize',PlaceContents);
function PlaceContents() {
var Wheight = $(document).height();
var Wwidth = $(document).width();
var contentPos = Wwidth/4;
var contentH = Wheight/5;
//adjust menubar height
$('#menubar').height(Wheight);
//center main content
$("#maincontent").css({top: contentH, left: contentPos, position:'absolute'});
};
http://www.mobileapplicationlabs.com/goldentreehotels/
'基本上使它不響應爲什麼你會想這樣做,媒體queries'?媒體查詢是爲此目的而發明的。 Javascript不應該成爲UI修正的柺杖。 – 2014-12-02 10:23:26
我認爲這也是jQuery衝突 – 2014-12-02 10:25:33
@Rory McCrossan縱向排列正確,即使它的內聯塊。嘗試,因爲如果你看到設計的右側內容框需要垂直對齊,即使它的內聯塊。嘗試噸的東西,但沒有工作。垂直對齊:中間一直是個問題。這是jquery使用 – Anando 2014-12-02 10:49:18