2012-05-24 61 views
0

我最近一直在學習jQuery,雖然我可以完成大部分我想要做的事情,但我知道我可能在浪費線條和代碼行並且過度更新,我猜這是自我教學過程的一部分,我自己學到的所有東西都發生在我身上,隨着時間的推移,我優化了自己的工作,但起初我創造了醜陋的東西,浪費了很多時間。如何解決這個項目?

事情是我沒有要求在這裏的代碼片段,我想我可以弄清楚自己,我想,作爲我的學習過程的一個步驟,我只是想知道如何處理這個小項目我請記住,以便我可以開始構建jQuery編碼器思維模式。

我有一個100%的屏幕寬度的包裝,裏面的包裝,與溢出隱藏的滑塊,然後裏面有許多250 * 150的滑塊。

無論何時您點擊其中的每個框,它都會打開顯示內容並關閉之前打開的框,就像手風琴系統有點麻煩一樣。

扭曲的是,打開的盒子總是在左邊= 250px的位置,所以,如果你點擊盒子3,它會將滑塊移動到左邊:-500px。

現在,我可以做到這一點,但問題是,我會這樣做,這將是更新的噩夢,所以這裏的問題是:你將如何處理這個項目?

您是否會首先創建一些變量?也許一個人來確定它是封閉的還是開放的?爲每個div編號,以便在動畫左邊位置時可以將它乘以250。使用兒童選擇器,哪些不是?

希望有人能幫助我,在此先感謝!

回答

0

我會使用CSS3 only來使用它,然後使用jQuery在較舊的瀏覽器中模擬CSS3。在現代瀏覽器中,jQuery並不總是必需的,特別是如果內容可以隱藏默認情況下使用CSS而非JavaScript數據結構生成的標記。

相關問題