jquerymobile emberjs 结合多个页面跳转问题

1. emberjs+jquerymobile

  需要emberjs代理

 2.如果是单个页面内部ajax跳转，需要把相关的page放在同一个页面

3.如果是外部页面，需要对document.bind("pageinit",function(){});

 因为这是在外部，需要对整个页面初始化

$(document).bind('mobileinit', function() {
    $.mobile.touchOverflowEnabled = true;
});



 //对于第一次绑定的页面，需要在document中设置
$(document).bind('pageinit', function(){
    console.log('pageinit');


    var v = App.get('mainView');


    if (!v) {
        console.log('main not created');
        v = App.MainView.create();
        App.set('mainView',v);   //设置主要视图


        v.append();
    }
});


//再次返回页面的时候，

$("#pageMain").live("pagebeforeshow",function(){


     console.log('page main back');
    var v = App.get('mainView');
v.remove();
v.append();
      
});


//*************************************************************************************
App.BabyRegisterView = App.PageView.extend({
    templateName:'babyregister',
    id: 'pageBabyRegister',
    didInsertElement: function() {
        $.mobile.changePage(this.$());
    }
});






$("#pageBabyRegister").live("pagebeforeshow",function(){


     console.log('page babyregister init');
    var v = App.get('babyRegisterView');
if(!v)
{
console.log('main not created');
        v = App.BabyRegisterView.create();
        App.set('babyRegisterView',v);   //设置主要视图


        v.append();
}
else
{
v.remove();
v.append();
}
});