javascript - 如何为ONSEN页面加载添加js函数？ (莫纳卡)

Question

我想要一个动画在页面加载时自动启动。我位于 ons-page 中 ons-template 内的 Onsen UI V2 JS Splitter 示例中。

我发现在“/ons-page”和“/ons-template”标签之间添加一个脚本标签会被读取(这花了我相当长的时间......(-;)

我关注了guide

<script>
document.addEventListener("init", function(event) {
  if (event.target.id == "score.html") {
    Progress1();
  }
}, false);
</script>

但是什么也没发生。

我将其更改为:

...html 内容

    </ons-page>
    <script>
  $(document).ready(function() {Progress1()});
    </script>
  </ons-template>

但是现在它无法从 HTML 文件中找到组件，并且显示

Uncaught Error: container does noet exist #container1 www/lib/jquery-3.1.0.slim.min.js:2

我能做什么？我现在用一个按钮解决了这个问题。这证明它有效，但当然不是自动启动。

有什么想法吗...？ 谢谢

Answer 1

我发现这个已经很旧了，但无论如何。 Onsen UI 文档说: 您可以收听多个事件。 'init' 或 'show' 就可以了。确保将脚本加载为外部文件，而不是内联脚本。 Cordova 模板在导航中添加和删除。内联脚本根本效率不高

document.addEventListener('init', function(event) {
  if (event.target.matches('#yourpage')) {
    ons.notification.alert('Page is initiated.');
      // Set up content...
      }        
  }, false);