2015-11-08 48 views
-1

我非常新的JavaScript,我可以需要用下面的問題有點幫助:設置默認類的Javascript

我想用下面的函數來作出這樣的關閉,當點擊它,我打開了一個頭偶然發現了這個函數,在這個函數中我添加了'closed'類,我想在最初加載頁面時將其設置爲默認類。有人有我的想法,我會非常感激!

$(function() { 
    var b = $("#contact"); 
    var w = $("#button"); 
    var l = $("#list"); 

    w.height(l.outerHeight(true)); 

    b.click(function() { 

    if(w.hasClass('closed')) { 
    w.removeClass('closed'); 
    w.addClass('open'); 
    w.height(l.outerHeight(true)); 
} else { 
    w.addClass('closed'); 
    w.height(0); 
} 

    }); 
}); 
+2

爲什麼不能將該類添加到HTML中? – JJJ

回答

0

傳遞給$(…)的函數在頁面初始加載時調用一次。您已經使用它來設置切換closed類的點擊處理程序。因此,除了設置點擊處理程序之外,您還可以在其中添加類:

$(function() { 
    … 
    b.click(function() { 
    … 
    }); 

    // set the initial class value 
    w.addClass('closed'); 
}); 
+0

你不覺得使用'class'屬性更好嗎?我的意思是,他以後可以使用jQuery來操縱它。 – weirdpanda

+2

@weirdpanda我不會用jQuery來做這件事,但在OP的代碼中,'w'已經是一個jQuery對象。是的,你可以設置類屬性,但你不知道是否沒有其他類名,你會覆蓋這種方式。 – poke

+0

@poke:謝謝你,我添加了初始類的值,並且改變了'w.height(l.outerHeight(true));'將變量定義爲'w.height(0);'後,我應該首先完成。對不起,我的問題可能有點不必要 – svewas