Framework7ナビゲーションは、私は私の-app.jsでこれを持って

Question

を働いていない：

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呼び出しの後、私は成功した場合にはデータフィールドとして返される新しいページにページをリダイレクトしたいと思います。 私の問題は、標準window.location.href = urlRedirect;がうまくいきますが、Framework7のナビゲーションmainView.router.loadPage(urlRedirect)が機能していないことです。どうすればそれを解決できますか？

Answer 1

あなたのurlRedirectはAjaxページに必要なHTMLだけを返しているのですか、それとも完全なFramework7アプリケーションのhtmlを返していますか？つまり、Ajaxページの構造より多くを返すと、ルータは何をするべきか分からず、何もしないように見えます。

あなたはloadPage（URL）を呼び出した場合、URLは、たとえば、含まれている必要があります。また

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

、ナビゲーションバーのマークアップ、ヘッダー/フッターなどが、何もありません。