2013-05-31 150 views
0
$(window).bind("load", function() { 
    $("#placeholder .flot-text .xAxis .tickLabel").css('height','90px','important'); 
}); 

嗨如何在頁面加載後立即執行此函數? 僅當我刷新頁面時纔會調用此函數,但我希望在加載頁面時調用該函數。加載頁面時執行函數

+0

'$(窗口).bind( '負荷',...)'應該能正常運行。 [演示](http://jsfiddle.net/UjwaE/)。你的問題可能在別的地方。請注意執行頁面加載和DOMReady之間的區別,這是人們在回答中推薦的內容。 –

+0

爲什麼'重要'?沒有必要,因爲這個CSS將作爲內聯樣式應用。 –

+0

@Mr_Green:另一個'重要'規則可以重寫內聯樣式,除非這也是'重要'。話說回來;我通常會盡量避免使用「重要」。 –

回答

0
$(document).ready(function(){ 
    //Write your code 
}); 

穿戴腳本在底部

引起腳本的問題是,它們阻斷並行下載。 HTTP/1.1規範建議瀏覽器每個主機名並行下載至少兩個組件。如果您從多個主機名提供圖像,則可以同時發生兩個以上的下載。然而,當腳本正在下載時,瀏覽器將不會啓動任何其他下載,即使是在不同的主機名上。 在某些情況下,將腳本移動到底部並不容易。例如,如果腳本使用document.write插入頁面內容的一部分,則不能在頁面中移動較小的內容。也可能存在範圍問題。在很多情況下,有辦法解決這些情況。 另一個經常出現的建議是使用延遲腳本。 DEFER屬性指示該腳本不包含document.write,並且是瀏覽器可以繼續呈現的線索。不幸的是,Firefox不支持DEFER屬性。在Internet Explorer中,該腳本可能會延遲,但不如預期的那麼多。如果腳本可以被延期,它也可以被移動到頁面的底部。這會讓你的網頁加載速度更快。

http://developer.yahoo.com/performance/rules.html#js_bottom

+0

Firefox 3.5是第一個支持'defer'屬性的版本; Firefox 4還支持'async'屬性。 – Neil

5

像這樣通過使用的document.ready

$(document).ready(function(){  
    $("#placeholder .flot-text .xAxis .tickLabel").css('height','90px','important'); 
}); 

,或者您可以使用$(功能)

$(function(){ 
    $("#placeholder .flot-text .xAxis .tickLabel").css('height','90px','important'); 
}); 
1

嘗試以下

$(document).ready(function() { 
    // Handler for .ready() called. 
    $("#placeholder .flot-text .xAxis .tickLabel").css('height','90px','important'); 
}); 

或代碼

$(function() { 
    // Handler for .ready() called. 
    $("#placeholder .flot-text .xAxis .tickLabel").css('height','90px','important'); 
    }); 

.ready() - 指定DOM完全加載時執行的函數。使用jQuery你可以使用

jQuery Document Ready Explained

+0

嘗試在那,但它不工作:( – Sweetz

+0

嘗試用jQuery替換$ – Techie

+0

這樣做也是一樣的:/ – Sweetz

1

;

$(function(){ 
//Your code here 
}); 
2
$(document).ready(function(){ 
    //execute ur code here. 
});