使用从外部页面返回到内联页面(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>

我的问题是..如何从外部页面返回到#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