Question

我使用了最新的framework7版本1.6.4

当我点击a链接时，它无法重定向页面，我也尝试了onclick事件，但这也不起作用。

这是我的代码：

<li>
   <a href="document.html" class="item-link item-content">
      <div class="item-media"><i class="ion-ios-upload"></i> </div>
      <div class="item-inner">
         <div class="item-title"><span>Document Upload</span></div>
      </div>
   </a>
</li>

注意：我也尝试过标签页面导航，但效果不佳。

如何解决这个问题？你能举出任何代码吗？

Answer 1

更改您的href，如href="./document.html"

Answer 2

document.html与您调用此文件的文件位于同一文件夹中？如果没有，那么在该文件之前给出正确的链接

Answer 3

据我所知，当链接到Framework7中的href页面时，您需要在“myapp.js”或F7 app js文件的名称中添加一些javascript。 PagesinFramework7Reference

因此，如文档中所述：

有两种方法可以添加页面事件处理程序（“myapp.js”：

// Option 1. Using one 'page:init' handler for all pages (recommended way):
$$(document).on('page:init', function (e) {
  // Do something here when page loaded and initialized

})

// Option 2. Using live 'page:init' event handlers for each page (not recommended)
$$(document).on('page:init', '.page[data-page="about"]', function (e) {
  // Do something here when page with data-page="about" attribute loaded and initialized
})

当我从列表项链接时，这对我来说很好。请查看页面上的文档，看看它是否对您有所帮助。

页面无法在href链接中工作

3 个答案: