我正在为我的 phonegap 应用程序使用多页面布局。有很多库,我想在访问逻辑页面时加载它们。有没有一种简单的方法可以做到这一点,它会通过保持 DOM 内存精简来提高性能吗?
<body>
<!-- Start of first page: #one -->
<div data-role="page" id="one">
</div><!-- /page one -->
<!-- Start of second page: #two -->
<div data-role="page" id="two" data-theme="a">
</div><!-- /page two -->
<!-- Start of third page: #popup -->
<div data-role="page" id="popup">
</div><!-- /page popup -->
</body>
最佳答案
在多页面布局中,您只需加载一次脚本,它就会被该布局中的所有页面使用。
您可以通过编程方式将您的脚本/库包含在页面中的超链接点击中。
对于如何实现,意见不一。
<script>
$(document).ready(function() {
$('#link').bind('click', function(event) {
$.get('path/script.js').success(function(html) {
//process
});
});
});
</script>
关于jquery - 使用Jquery多页布局时如何在访问页面时加载CSS和JS文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20256810/