javascript - 向 Sammy 注册点击事件

Question

我正在尝试使用 Sammy 驱动的应用程序创建以下行为:

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

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

左侧的酒红色方 block (2) 应该显示左侧粉色双胞胎的大版本。

如何连接事件，以便当我单击类为“gallery-item”的元素时，右侧的图像会发生更改？

Answer 1

如果您按照此博客文章中所示构建应用程序:mvc med sammy og handlebars 。您将创建一个画廊项目 View 和一个画廊 View 。图库 View 将包含图库项目 View 和左侧图像的预览 View 。然后需要在 jQuery 等帮助下附加一个单击事件监听器。

类似这样的:

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