重定向到Cordova应用程序中的另一个页面后无法运行javascript

Question

我有一个困扰我几天的问题。 简而言之，我有index.html页面，该页面在应用启动时首先为用户显示一个登录页面。 在其中加载我的文件scripts.js，其中包含所有页面的功能（包括signup.html），但是问题是有一个showTab（）函数必须在用户想要创建帐户并重定向到时运行。在signup.html页面上，我这样做是这样的：

<a class="text-info font-weight-bold h5 text-underline"  href="signup.html" data-transition="slide-in"><U>Create
one now!</U></a> 

因此，您可以看到问题出在哪里，当应用程序实际加载scrips.js时，加载应在signup.html上运行的showTab（）函数在索引页面上传递一次，而用户尝试通过以下方式转到signup.html： href和data-transition =“ slide-in”不会完全加载scripts.js来重新运行showTab（）函数，此函数是scripts.js的第一行。解决此问题的一种方法是更改​​data-transition = “滑入”到data-ignore =“ push”，这实际上导致signup.html重新加载，但丢失了过渡。 我最终使用Ratchet框架和Cordova来构建应用程序。 我也尝试在signup.html中添加onload =“ showTab（）”

<div class="content bg-primary" onload="showTab()>

再次不会重新加载JS。

Answer 1

你不应该试图用科尔多瓦页面之间进行导航。

这是最佳实践Cordova应用程序开发的第一项：

首先-您的Cordova应用程序应采用SPA（单页应用程序）设计。 松散定义的SPA是从网页的一个请求运行的客户端应用程序。 用户加载一组初始资源（HTML，CSS和JavaScript），并通过AJAX完成进一步的更新（显示新视图，加载数据）。 SPA通常用于更复杂的客户端应用程序。 GMail就是一个很好的例子。 加载GMail之后，邮件视图，编辑和组织工作都是通过更新DOM来完成的，而不是实际离开当前页面来加载一个全新的页面。

请特别注意：

即使您选择不使用Cordova，在不使用单页体系结构的情况下创建移动应用程序也会对性能产生严重影响。 这是因为在页面之间导航将需要重新加载脚本，资产等。 即使这些资产被缓存，仍然会存在性能问题。