残り火ルーティングアーキテクチャを使用するようにアプリケーションを設定しました。私のインデックスページは次のようになります(簡単にするため)
script(type='text/x-handlebars', data-template-name='application')
div.container
{{outlet}}
そして私の残り火アプリはこのように
window.App = Em.Application.create({
ApplicationController: Em.Controller.extend(),
ApplicationView: Ember.View.extend({
templateName: 'application'
}),
Router: Em.Router.extend({
root: Em.Route.extend({
doHome: (router, event) ->
router.transitionTo('home')
doInbox: (router, event) ->
router.transitionTo('inbox')
doInboxModal: (router, event) ->
$("#inbox").modal "show"
home: Em.Route.extend({
route: '/',
connectOutlets: (router, event) ->
router.get('applicationController').connectOutlet('home')
}),
inbox:Em.Route.extend({
route: '/inbox',
connectOutlets: (router, event) ->
router.get('applicationController').connectOutlet('inbox')
})
})
})
ホームと受信トレイは正常に機能していますが、まず、モーダル受信トレイを表示するためにdoInboxModalでjqueryを実行しています。そして、モーダル受信トレイに実際の受信トレイページに移動するためのボタンを配置したい場合、それは機能しません。
だから、問題は、残り火のルーティングでTwitter Bootstrap Modalを適切に使用するにはどうすればよいですか?