0

サミー駆動のアプリケーションで次の動作を作成しようとしています。

ここに画像の説明を入力してください

この画像はギャラリービューを表しており、サミーとテンプレートフレームワークのハンドルバーを使用して作成されています。各要素には次のテンプレートがあります。

<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 に答える