Jquery mobile jquerymobile+;backbone.js:导航栏问题

Jquery mobile jquerymobile+;backbone.js:导航栏问题,jquery-mobile,backbone.js,Jquery Mobile,Backbone.js,我使用路由器的函数动态加载从模板创建的页面(如某些教程所示): 问题是,当页面包含JQ Mobile导航栏时,活动项不会突出显示。事实上,它是,像1毫秒,然后它不是,我觉得这是因为导航栏是“重新加载”。 当我在同一个项目上单击两次时,它第二次起作用 有没有人能够使用jQuery Mobile和backbone.js使用导航栏?我最终做到了: var activeTab = null; $('[data-role=page]').live('pageshow', function (event,

我使用路由器的函数动态加载从模板创建的页面(如某些教程所示):

问题是,当页面包含JQ Mobile导航栏时,活动项不会突出显示。事实上,它是,像1毫秒,然后它不是,我觉得这是因为导航栏是“重新加载”。 当我在同一个项目上单击两次时,它第二次起作用

有没有人能够使用jQuery Mobile和backbone.js使用导航栏?

我最终做到了:

var activeTab = null;

$('[data-role=page]').live('pageshow', function (event, ui) { 
    $.each($('[data-role=navbar] ul li').children(), function (i, val) {
        if (typeof activeTab !== "undefined" && activeTab != null && $(val).attr('id') == 'navTab' + activeTab)
            $(val).addClass($.mobile.activeBtnClass);
        else
            $(val).removeClass($.mobile.activeBtnClass);
    });
    activeTab = null;
}); 
对于需要活动选项卡的每条路线,我只需执行以下操作,例如:

r_search: function() { // Search page (form)
    activeTab = "Search";
    this.changePage(new SearchView());
},
r_search: function() { // Search page (form)
    activeTab = "Search";
    this.changePage(new SearchView());
},