Javascript Airbnb搜索页面上的jquery resultview是如何工作的？

我真的对airBNB搜索页面感兴趣，我试着在firebug上摆弄代码，看看它是如何工作的

在右上角，用户可以在三个视图中选择他们希望显示的结果列表、照片和地图

我正在尝试查看从列表（默认）转换到照片视图的JavaScript

我知道当用户点击照片按钮时，一个

.photo_视图CSS类

正在添加，但我不知道在jquery端在哪里进行了添加

我想知道是否有人可以帮忙，谢谢：））

jQuery是JavaScript

这并不困难。您如何自己实现这一点？
只需做3个

标记，每个标记都有一个

id

，这取决于哪个标记被标记过
点击。然后，您只需调用ajax来获取信息，或者简单地重写位于中心的div的内容

因此，看看如何在代码中实现

ajax

和

jQuery

，您会很好，实现起来并不难

---

我没有看过他们的代码，但是想法是使用jquery，这样您就可以动态切换css类

例如，假设您对“列表视图”使用以下css类：

以下是“照片视图”

使用jquery，您可以轻松地将.list与.photo类切换，反之亦然。

搜索元素id“Search\u type\u photo”，查看引用它的脚本

然后清理这里的脚本-这样您就可以正确地看到它是如何被调用的

---

这里还有一个Airbnb API（非官方）-

是的，我知道，但我想指出正在使用的库。谢谢你的额外小费！！如果您只是问代码如何将类添加到元素中，那么这只是对“className”属性的操作，这是一个以空格分隔的类名列表（换句话说，以单个整体字符串的形式，而不是数组的形式）。感谢您的回答，如果我自己实现的话，我可能会通过改变元素的id来做同样的事情，但是我想知道airbnb是如何工作的。为什么这对你来说是必要的？他们也是这样做的，这并不难。

.list{
width:400px;
height:100px;
}
.list img{
width:100px;
height:100px;
}

.photo{
width:250px;
height:250px;
}
.photo img{
width:230px;
height:200px;
}