Javascript在Ons-page Onsen UI的Pushed页面中无效

Question

我正在使用Cordova / PhoneGap和Onsen UI。 我有两个html页面。 开关（按钮）按钮工作正常。 但Javascript无法在search.html中运行

这是我的代码：

index.html（默认主页面）
search.html

的index.html

...
<body>

<ons-navigator title="Navigator" var="myNavigator">
<ons-button
        onclick="myNavigator.pushPage('search.html', { animation: 'lift' })">
        Switch Page
</ons-button>
</ons-navigator>
</body>

search.html

<ons-page>
<script>
alert('Testing Javascript');
</script>
</ons-page>

Answer 1

myNavigator.pushPage('search.html')时myNavigator.pushPage('search.html')动态插入search.html页面。

以这种方式插入<script>标记时，不执行代码。

有关更多信息，请参阅此问题：可以使用innerHTML插入脚本吗？

为了在推送页面时执行某些脚本，您可以使用postpush事件：

ons.ready(function() {
  myNavigator.on('postpush', function() {
    alert('Hello, world!');
  });
});

Answer 2

如果将所有JavaScript放在js文件中并在单击按钮时调用该函数会更好，例如：

HTML

 <body> <ons-navigator title="Navigator" var="myNavigator"> <ons-button onclick="myNavigator.pushPage('search.html', { animation: 'lift' }); callAlert();"> Switch Page </ons-button> </ons-navigator> </body>

JS

 function callAlert() { alert('Testing Javascript'); };

或者，您可以使用ons-navigator事件（如postpush ）来个性化您的代码，您可以在这里查看它们

Javascript在Ons-page Onsen UI的Pushed页面中无效

问题描述

2 个解决方案

解决方案1
3 2015-07-29 02:23:15

解决方案2
2 2015-07-29 02:25:35

Javascript在Ons-page Onsen UI的Pushed页面中无效

问题描述

2 个解决方案

解决方案1 3 2015-07-29 02:23:15

解决方案2 2 2015-07-29 02:25:35

解决方案1
3 2015-07-29 02:23:15

解决方案2
2 2015-07-29 02:25:35