Framework7导航不工作

Question

我有这个在我的-app.js：

var myApp = new Framework7({ 
    closeByOutsideClick : true, 
    init: false 
}); 

var $$ = Dom7; 

// Add view 
var mainView = myApp.addView('.view-main'); 

function avvia(info) { 
    $.ajax({ 
     type: "POST", 
     contentType: "application/json", 
     //data: {info : info}, 
     data : JSON.stringify(info), 
     timeout: 6000, 
     url: "http://localhost:8180/api/", 
     success: function(data){ 
      urlRedirect = data.urlRedirect; 
      //window.location.href = urlRedirect; 
      mainView.router.loadPage(urlRedirect); 
     }, 
     beforeSend: function() { 
     myApp.showPreloader('Loading...'); 
     }, 
     complete: function(data) { 
     myApp.hidePreloader(); 
     }, 
     error: function (xhr, status, error) { 
       // executed if something went wrong during call 
       myApp.alert(error, ' Error'); 
       //if (xhr.status > 0) alert('got error: ' + status); // status 0 - when load is interrupted 
      } 
     }); 
} 
myApp.init(); 

我Ajax调用后，我想将页面重定向到在成功的情况下返回数据领域的新页。 我的问题是，Framework7导航mainView.router.loadPage(urlRedirect)不工作，而标准window.location.href = urlRedirect;工作正常。我该如何解决这个问题？

Answer 1

您的urlRedirect仅返回Ajax页面所需的HTML，还是返回完整的Framework7应用程序的HTML？我的意思是，如果您返回的不仅仅是Ajax页面的结构，路由器将不知道如何处理它，并且可能看起来什么都不做。

如果调用loadPage（URL），该URL应该只包含，例如：

<div class="page" data-page="about"> 
    ... About page content goes here 
</div> 

此外，导航栏标记，页眉/页脚等，但没有别的。