向Sammy注册点击事件

Question

我试图用我的Sammy驱动的应用程序创建以下行为：

该图像描述了一个画廊视图，并通过Sammy和模板框架Handlebars创建 。 每个元素都有以下模板：

<article class="gallery-item">
    <img src="{{url_thumb}}" alt="{{title}}" id="image-{{id}}" />
</article>

左边的勃艮第彩色方块（2）应该显示左边的粉红色双胞胎的大版本。

如何连接事件，以便当我单击带有'class-item'类的元素时，右边的图像会被更改？

Answer 1

如果您按照此博客文章中的说明构建应用程序： mvc med sammy og handlebars 。 您可以制作图库项目视图和图库视图。 图库视图将包含图库项目视图和左侧图像的预览视图。 然后需要在jQuery的帮助下附加一个click事件监听器。

像这样的东西：

var that = this;
$(".gallery-item").on(function(e) {
   that.previewView.showImage("send in the url to the image that where clicked on, 
   or a model containing the url or whatever you like!:)");
}

有关jQuery：on如何工作的更多信息，请查看jQuery API：ON