1

テンプレートにクリック可能なマップがある img があります。

このマップに Ember.js アクションを追加したいと思います。だから私はこのようにしました:

<map name="tabsy">
        <area coords="0,0, 32,432" {{action 'mainpage.subpage1'}} />
        <area coords="432,0, 432,432" {{action 'mainpage.subpage2'}} />
        <area coords="432,0, 432,432" {{action 'mainpage.subpage3'}} />
      </map>

しかし、これは機能していません。ポインター カーソルが画像から消え、クリックしてもアクションが実行されません。

マップエリアをクリックしたときにEmber.jsにmainpage.subpage1テンプレートをロードするように指示するにはどうすればよいですか?

4

1 に答える 1

1

たとえば、ルートへの遷移actionとして機能するには、マップを表すビューをバックアップするコントローラーにイベント ハンドラーを実装できるとします。linkTomainpage.subpage1

例えば:

App.MapController = Ember.Controller.extend({
  goTo: function(route) {
    this.transitionTo(route);
  }
});

そして、次のように使用します。

{{action goTo 'mainpage.subpage1'}}

簡単な例については、こちらを参照してください。

于 2013-07-28T13:41:02.817 に答える