2011-08-11 93 views
2

我試圖使用這個插件http://www.cssnewbie.com/example/equal-heights/plugin.html但之前沒有使用過多的javascript。它說:真的很簡單javascript問題

Load the jQuery library in your document’s head. - no probs 
Load the equalHeights plugin the same way. - fine, I can do that 

但隨後說: 爲了使功能能夠準確地計算出的高度,你需要確保它等待,直到頁面完成運行前加載。所以包裝函數調用(就像你應該最重要的是你的jQuery函數)在$(的Docment)。就緒()函數,就像這樣:

$(document).ready(function() { 
$(".columns").equalHeights(100,300); 
}); 

現在,我不知道在哪裏我把這個準確。在我之前包含的另一個JavaScript文件中,這段代碼(或類似文件)已包含在JavaScript文件中。

我可以在jsfile中加入那個函數嗎?或者它需要發生在頁面上的某個地方?

+1

加載jQuery後的任何地方都很好。 –

+0

它只是需要在JavaScript腳本標記。 – StuartLC

+0

你可以把它放在一個.js文件中,並像你剛剛做的那樣包含jQuery插件。或者,您可以直接在標籤之間的頁面中編寫腳本(最好放在您的部分中) –

回答

0

通常的做法是將其包裝在 script標記中,並將其放置在插件參考後面的 head標記內。

推薦的做法只是body標籤關閉之前把它包起來的script標籤內,並將其放置在 頁面的底部。

閱讀:Best Practices for Speeding Up Your Web Site

2

你可以把它裹在頁面上

<script></script> 

標籤。

0

你可以把它幾乎任何地方,只要它是兩個jQuery的文件後加載。

無論是在網頁,或在外部JS文件。

0

您可以在標籤或body標籤堅持這一點,任何你想要的,或者你可以從另一個文件導入它確保了您的jQuery的文件後,雖然。只記得它包裝在一個腳本標籤..

通常我的建議是保持在一個文件..它分離出來的種種顧慮..腳本生活在一個腳本文件..標記在標記文件等。 。

0

你可以把這個代碼在其上的jQuery加載後,或者在HTML代碼的任何地方任何外部JavaScript文件。建議在html標籤關閉之前。 PS。如果放置在html代碼中,不要忘記包裝在腳本標籤下。

0

我會把它放在結束標記這樣

<head> 

<!-- Include jQuery here --> 

<script> 
$(document).ready(function() { 
    $(".columns").equalHeights(100,300); 
}); 
</script> 
</head> 
<body> 

</body> 
0

你可以把它放進一個js文件之前權,身體結束tag之前將其放置在你的HTML頁面的底部。你應該這樣,它加載網頁速度更快

前體結束標記之前,就在您所有的JS文件移動到HTML頁面的底部。

<script src=jquery.js></script> 
<script src=equalHeights.js></script> 
<script src=myScript.js></script> 

這將以正確的順序加載腳本。

0

你知道的,下面的功能是指:

<script> 
$(document).ready(function() { 
    $(".columns").equalHeights(100,300); 
}); 
</script> 

window.onload = function(){}

一切都被加載後,它會被調用。所以,你不必擔心在哪裏設置這個功能。您可以在涉及jQuery和您的插件之後的任何地方進行設置。