Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 向Sammy注册单击事件_Javascript_Events_Click_Handlebars.js_Sammy.js - Fatal编程技术网

Javascript 向Sammy注册单击事件

Javascript 向Sammy注册单击事件,javascript,events,click,handlebars.js,sammy.js,Javascript,Events,Click,Handlebars.js,Sammy.js,我正在尝试使用Sammy驱动的应用程序创建以下行为: 该图像描述了库视图,并通过和模板框架创建。每个元素都有以下模板: <article class="gallery-item"> <img src="{{url_thumb}}" alt="{{title}}" id="image-{{id}}" /> </article> 左边是勃艮第色的正方形(2),左边是粉红色双胞胎的大版本 如何将事件连接起来,以便在单击具有类“gallery item

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

该图像描述了库视图,并通过和模板框架创建。每个元素都有以下模板:

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

左边是勃艮第色的正方形(2),左边是粉红色双胞胎的大版本


如何将事件连接起来,以便在单击具有类“gallery item”的元素时,右侧的图像会发生更改?

如果您按照本博客文章中的结构构建应用程序:。您将创建库项目视图和库视图。gallery视图将包含左侧图像的gallery项目视图和预览视图。然后它需要附加一个click事件监听器,例如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如何工作的更多信息,请查看