2014-12-19 30 views
0

当我使用标准的ons-navigation技术时,ons-page上的javascript代码不会执行。有谁知道我做错了什么?Ons导航(onsen UI),使用javascript代码

<!DOCTYPE HTML> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user- scalable=no"> 
    <script src="components/loader.js"></script> 
    <link rel="stylesheet" href="components/loader.css"> 
    <link rel="stylesheet" href="css/style.css"> 
    <script> 
    ons.bootstrap(); 
    ons.disableAutoStatusBarFill(); // (Monaca enables StatusBar plugin by default) 
    </script> 
</head> 
<body> 
    <ons-navigator var="myNavigator" page="login.html"> 
    </ons-navigator> 
</body> 
</html> 

And here is the login.html: 

<ons-page> 

<script> 
    console.log("test11"); 
</script> 

</ons-page> 

回答

0

为什么它不工作的原因是,该浏览器将不执行所通过更换el.innerHTML,这是当你把一个页面温泉做什么添加脚本标记。

请参阅为什么它不工作这样的问题: Can scripts be inserted with innerHTML?

你不应该使用在你的HTML混合联脚本标记。请查看如何构建您的JavaScript。