回用從外部進入的網頁內嵌的網頁（framework7）

在我的網頁home.html的回用從外部進入的網頁內嵌的網頁（framework7）

<li><a href="#testpage" class="item-link"> 
<div class="item-content"> 
<div class="item-inner"> 
<div class="item-title">Tespage</div> 
</div> 
</div></a> 
</li>

，並在#testpage

 <div data-page="testpage" class="page cached"> 
     <div class="page-content"> 
      <div class="content-block"> 

      <p>Lorem ipsum dolor sit amet </p> 

      </div> 
     </div> 
     </div>

的inlinepage，我的問題是..我怎麼能去從EXTERNAL頁面返回到#testpage ..我已經使用url home.html＃testpage從外部頁面回來了。但不起作用..

來源

2017-01-06 Edofx

您是否在應用程序初始化函數中啓用了pushState？

var myApp = new Framework7({ 
    pushState: true, 
    // ... other parameters 
});

編輯：

要想從外部頁面返回給一個特定的標籤，首先添加此function JS文件：初始化你Framework7應用後

function getUrlParameter(sParam) { 
    var sPageURL = decodeURIComponent(window.location.search.substring(1)), 
     sURLVariables = sPageURL.split('&'), 
     sParameterName, 
     i; 

    for (i = 0; i < sURLVariables.length; i++) { 
     sParameterName = sURLVariables[i].split('='); 

     if (sParameterName[0] === sParam) { 
      return sParameterName[1] === undefined ? true : sParameterName[1]; 
     } 
    } 
};

然後，檢查對於包含選項卡名稱的參數：

if (getUrlParameter("tab")) { 
    myApp.showTab("#" + getUrlParameter("tab")); 
}

現在，從你的外部頁面，您可以鏈接到你的標籤是這樣的：

http://myf7app/tabs-page.html?tab=tab2

來源

2017-01-11 08:20:43 tinyCoder

是，已經有pushState的我，app.js ..但仍然無法在這種情況下工作.. ，我家的html有3 TAB Bar（1view-2view-3view）..我需要從外部頁面回到2view .. – Edofx

男人，它取決於你的'pushStateSeparator'，默認情況下它是'＃！/'，所以從你的外部頁面你必須回到'home.html＃！/ testpage'，但這不適用於選項卡去特定的選項卡，你必須建立自己的功能，我可以幫助你如果需要的話。 – tinyCoder

yep dude，即時通訊使用模板標籤:(..這裏是從F7 github模板選項卡：https://github.com/nolimits4web/Framework7/tree/master/examples/tab-bar .. 我需要從外部網頁回到＃視圖2 – Edofx

回用從外部進入的網頁內嵌的網頁（framework7）

回答

相關問題