使js和css与棘轮的push.js一起工作
我正在使用棘轮构建一个phonegap应用程序。我有一个选项卡栏在底部和点击图标将带用户到特定的视图。
我的设置基本上是这样的: 1.html、1.js、1.css和2.html、2.js、2.css，我使用棘轮的push.js在两个html之间切换。
问题在于push.js，没有加载任何脚本/css。因此，如果我从1.html切换到2.html，则不会加载2.js和2.css。而且，我想每次都需要加载cordova.js。
这附近有工作吗？谷歌让我
window.addEventListener('push' function(){});这可能适用于js，而不是css？
回答 2
Stack Overflow用户
发布于 2015-01-16 04:00:24
Push.js将使用ajax动态加载2.html。您希望从页面中获得的任何javascript或样式都应该加载在页面1.html中。在导航时，Push.js将解析出2.html中的内容，并将这些内容区域与1.html上的内容区域交换。您的2.html中的javascript和css不会被应用。
您可以向push事件添加一个事件处理程序，就像您发现的那样，用户可以在加载页面时加载javascript。对我来说，这意味着可能有更好的方法。
Stack Overflow用户
发布于 2015-10-07 11:04:45
我知道这个问题已经解决了。但是，我只是对Ratchet.js做了一个修改，使单个js为每个页面工作。请查看：https://github.com/mazong1123/ratchet-pro
您需要做的是: 1.在html中指定数据页属性：
<body>
<div class="content" data-page="index">
Put page content here.
</div>
<script src="scripts/app-index.js"></script>
</body>- 在js文件中添加以下标准js片段：
(function () {
// Change the settings here if you want.
//window.RATCHET.Class.PageManager.settings.pageEntryScriptPath = 'scripts'
//window.RATCHET.Class.PageManager.settings.pageEntryScriptPrefix = 'app-'
var rachetPageManager = new window.RATCHET.Class.PageManager();
rachetPageManager.ready(function () {
// Put your code here.
});
})();
好了。只需对每一页重复上述步骤即可。每次更改页面时，都会执行脚本。
注意:这只适用于js。不幸的是，对于css，您必须将所有css文件合并为一个，并将其引用到您的条目页面中。
https://stackoverflow.com/questions/27974312
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号