jQuery - 動態更改css類的值

我有用jQuery編寫的圖像滑塊。我需要將圖像分成兩組（如雜誌），因此我有classes.pageLeft和.pageRight，它們使用與容器寬度相等的左或右邊距減去頁面寬度img（.page類）。我希望能夠全屏顯示此滑塊並動態計算和更改.page的寬度和.pageLeft/.pageRight類的邊距值。有沒有辦法做到這一點，或者我對這一切都做錯了？jQuery - 動態更改css類的值

我認爲可以這樣做的最佳方式是直接將類寫入DOM，但隨後我必須清空並添加每一次。

這裏是什麼，我想說

nPageWidth = 768; 
nPageWidthPlusMargin = ($('#container').width()/2); 
nPageMargin = nPageWidthPlusMargin - nPageWidth;

，然後使用該值來改變保證金左= nPageMargin在CSS類的一個實例。

對不起，如果這是一個令人困惑的問題。謝謝你的時間。

編輯：我試圖這樣做的主要原因是通過將圖像的寬度設置爲3：4設置爲100％的圖像的高度來保持圖像的寬高比。的容器。

來源

2012-02-07 MJS

是計算的利潤率居中頁面的目的是什麼？在這種情況下，您可以將兩個頁面包裝在一個包裝中，給這個包裝一個明確的寬度，並將包裝的左右邊距設置爲auto。

然後你不需要擔心計算利潤率。只要確保包裝具有正確的寬度。根據您的設計，這個寬度可以設置爲容器的百分比。包裝頁面也是如此，它們可以有width: 50%。這樣，你甚至都不需要使用Javascript :)

小提琴：http://jsfiddle.net/F4ktm/

來源

2012-02-07 15:26:37 Supr

目的是居中他們以及瞭解多少上一個或下一個點擊溢出的內容滑動。我遇到的唯一問題是，似乎我無法以任何方式維持寬高比。 – MJS 2012-02-07 15:43:58

我花了一段時間才把我的頁面轉到這個解決方案工作的地步;但是，一旦我終於做到了，這正是我需要的正確方向的微調。我必須爲包裝類寫入，以便每個包裝可以佔容器總大小的百分比。謝謝你的幫助！ – MJS 2012-02-08 22:15:52

我想你應該使用百分比來代替像素值的邊距。

$("#container .pageLeft").css("margin-right", "5%"); 
$("#container .pageRight").css("margin-left", "5%");

編輯那麼你就不必一次又一次地計算利潤。

編輯僅適用於CSS：

#container .pageLeft { 
    margin-right: 5%; 
} 
#container .pageRight { 
    margin-left: 5%; 
}

來源

2012-02-07 15:25:56 sinsedrix

jQuery - 動態更改css類的值

回答

相關問題