よく、プラグインの使用方法などで以下のような記述を見ることがあると思います。
$(document).ready( function() {
// 何かしらの処理
});
これは画像などを除いて、HTML=DOM の読み込みが終わったら function() の中の処理(=何かしらの処理)を実行するという意味です。
jQuery(JavaScript) は HTML が完全に読み込まれないまま何か処理を実行すると大抵正しく動作しません。なのでこの ready を使うことになります。
$( function() {
// 何かしらの処理
});
jQuery( document ).ready( function() {
// 何かしらの処理
});
jQuery( function() {
// 何かしらの処理
});
上記3つの書き方も同じ動作をします。HTML の読み込みが終わった時点で // 何かしらの処理 が実行されます。
$(document).ready(function(){
$(".scroll").smoothScroll();
});
$(document).ready(function(){
$("#slider").slider();
});
$(document).ready(function(){
$("#nav").nav();
});
ちなみに、このようにreadyを何度も書く必要はなく
$(document).ready(function(){
$(".smooth").smoothScroll();
$("#slider").slider();
$("#nav").nav();
});
// もしくは
$(function(){
$(".smooth").smoothScroll();
$("#slider").slider();
$("#nav").nav();
});
このようにまとめて書けます。こちらのほうが管理面で圧倒的に良いと思います。