2011-10-11 61 views
2

我在頁面上有許多div,根據用戶改變高度和寬度。有一種簡單的方法可以將樣式恢復到css頁面中的默認值,而無需實際刷新頁面。使用jquery重新應用css類

我知道我可以手動將高度和寬度應用回默認值,但不知道是否有辦法讓jquery將類值應用回已修改的元素?

感謝所有幫助

+0

你是如何改變了特定的高度和寬度用戶? – swatkins

+0

...你需要什麼條件才能發生? ...如果可以指定事件來觸發重置,則可以這樣做。 – vector

+0

我正在使用css函數。取決於用戶和他們的角色,一些面板比其他面板大。我只需要一種快速的方式來重新應用類似於頁面首次加載的css類,而無需重新加載頁面。 – jdross

回答

5

退房 'addClass' 和 'removeClass':

$('.the_div').removeClass('defaultStyle').addClass('defaultStyle'); 

該重置樣式到defaultStyle類。你也可以設置attr('class', 'defaultStyle'),但這也會刪除你在同一個div上的其他類。

6

,如果你的寬度和高度修改只爲嘗試

$('.mydivclass').css({width: '', height: ''}) 
+0

我不會猜到這會工作,但它確實!跟蹤原始值的變量或某些這樣的節拍。 –

+0

它的工作原理是因爲設置.css('prop','')刪除了style.prop – Guard

+0

有道理,但我只是不知道/建立連接。我將把它添加到我的工具箱中。乾杯! –

3

我不知道你是怎麼堅持的變化,但如果你正在使用的樣式屬性保留更改,你可以做這樣的事情

$('div').removeAttr('style'); 
+0

這會起作用。 –

+0

感謝大家的幫助 – jdross