IM中的Airbnb搜索頁面很感興趣，我嘗試擺弄與螢火蟲的代碼，看看它是如何工作的，在AirBNB Search PageAirbnb搜索頁面上的jQuery結果查看工作如何？
右手右上角，用戶可以選擇他們想要的意見三者之間要顯示的結果列表，照片和地圖。
我嘗試地看到，確實從列表（默認）的照片視圖轉換的JavaScript中，
我知道，當用戶點擊圖片按鈕，
.photo_view CSS類
正在被添加，但我只是不知道在jquery方面做了什麼。
想知道如果有人能幫助，謝謝:)）
我沒有看過他們的代碼，但想法是使用jQuery的，這樣就可以動態切換CSS類。
例如，假設您使用以下CSS類爲「列表視圖」：
.list{
width:400px;
height:100px;
}
.list img{
width:100px;
height:100px;
}
，併爲「照片視圖」
.photo{
width:250px;
height:250px;
}
.photo img{
width:230px;
height:200px;
}
以下使用jQuery就可以輕鬆切換與.photo類的.list，反之亦然。
這並不難。你怎麼能自己實現這個？
只需做3 <a>標籤他們每個人都有一個id這取決於哪一個已被點擊
點擊。然後，您只需進行ajax調用即可獲取您的信息，或者只需重寫位於中心的div的內容即可。
因此，看看如何在你的代碼中實現ajax和jQuery，你會好起來的，這並不難！
感謝您的回答，如果我自己實現了這一點，我可能會通過更改元素的id來做同樣的事情，但我試圖找出airbnb的工作原理。 – Unknown 2012-01-13 14:52:12
爲什麼你甚至需要？他們以同樣的方式做到了，並不難。 – 2012-01-13 14:54:26
搜索元素ID「search_type_photo」，看看哪些腳本它正在從引用...
然後在這裏清理腳本 - http://jsbeautifier.org/這樣你就可以正確地看到它是如何被調用。
還有一個製作的Airbnb API（非官方）在這裏 - https://www.mashape.com/john-matt/airbnb
jQuery的** **是JavaScript的。 – Pointy 2012-01-13 14:35:24
是的，我知道，但我試圖指出正在使用的庫。感謝您的額外提示！ – Unknown 2012-01-13 14:37:45
如果您只是詢問代碼如何將一個類添加到元素中，那只是對「className」屬性的操縱，它是空格分隔的類名稱列表（以單個整體字符串的形式，而不是數組，換句話說）。 – Pointy 2012-01-13 14:43:05