0

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

在此处输入图像描述

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

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

左边的酒红色方块 (2) 应该在左边显示它的粉红色双胞胎的大版本。

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

4

1 回答 1

2

如果您按照这篇博文中介绍的方式构建应用程序：mvc med sammy og handlebars。您将创建一个画廊项目视图和一个画廊视图。图库视图将包含图库项目视图和左侧图像的预览视图。然后它需要在 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

于 2012-08-22T07:20:33.700 回答