2011-03-15 66 views
0

我使用jQuery的同位素爲我的個人網站:jQuery的同位素不維護佈局

http://www.ryanpays.com

我面臨的問題是,當用戶單擊「網站」或「HTML的電子郵件」後,頁面已加載過濾時沒有項目縮略圖的動畫。但是,當任一鏈接再次單擊時,它們都會生成動畫。

另外我想在動畫之後保留'客戶和項目'部分的佈局。當最後一個孩子有足夠的空間放置在第一排時,它似乎打破了一個新的行。點擊「全部顯示」後,它也不會返回到原始佈局。我不確定在CSS中是否需要做某件事來達到這個目的,或者重新構建我的HTML。

更新

我已經解決這個問題,通過點擊頁面加載初始化同位素,然後再工作。在IE6中看起來不正確(現在可以忍受這種情況),並不是我想要達到的功能。

回答

1

您需要將#UL設置爲#UL.isotope,因爲它在點擊時添加了該類,並且它需要已經應用於css3動畫才能使用。今天剛剛有這個問題,www.mactyler.net你可以看到它的工作。

+0

嗨,我會去實施。認爲這與我的拇指如何安排有關。可以去一個列表結構而不是DIV。我看了一下你的網站,看起來不錯。認爲你可能會在CSS之前加載JS,這是一個性能低於標準的表現,所以也許可以交換:) – RyanP13 2011-03-17 22:23:31

+0

似乎通過將20px寬度添加到包含大拇指的部分來實現它。 – RyanP13 2011-03-17 22:40:03