Question

我使用框架7创建一个网站。我在另一个页面中激活javascripts时遇到麻烦。我的javascripts是：

function myFunction() {
var x = document.getElementById('myDIV');
if (x.style.display === 'none') {
    x.style.display = 'block';
} else {
    x.style.display = 'none';
}}

Javascripts在主页上工作，但是当我加载另一个页面时，它无法正常工作。我知道它必须安装在my-app.js中，但我不知道如何安装。

Answer 1

根据documentation，我得到了：

如果您的网页名称为other-page。页面名称将在：

中找到

 `<div class="pages">
    <div class="page" data-page="other-page">
      <div class="page-content">
        <!--  ... page content goes here ... -->
      </div>
    </div>
  </div>`

所以，你可以在页面回调中执行你的功能：

// In page callbacks:
myApp.onPageInit('other-page', function (page) { 
    // "page" variable contains all required information about loaded and initialized page 
    // write your function here
});

在此之前，请确保您已初始化您的应用。

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

框架7如何在另一个页面中添加javascripts？

1 个答案: