使用从外部页面返回到内联页面（framework7）

Question

在我的主页home.html

<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>

我的问题是..我如何从EXTERNAL页面返回到#testpage ..我已经使用url home.html＃testpage从外部页面回来了。但没有工作..

Answer 1

您是否在应用初始化功能中启用了pushState？

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

修改

要从外部页面返回到特定选项卡，请先将此function添加到js文件中：

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];
        }
    }
};

然后在初始化Framework7应用程序后，检查包含选项卡名称的参数：

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

现在，您可以从外部页面链接到您的标签，如下所示：

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