我可以在模板JS之后加载页面级JS吗？
我可以在模板JS之后加载页面级JS吗？
提问于 2016-07-05 13:48:35
我把和传单放在一起。我的libs (传单)和我的主要内容下面的一个缩小的js文件一起加载到模板中。
主模板
<main class="app-content">
{{{body}}}
</main>
{{> footer }}
<!-- jQuery first, then Bootstrap JS. -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.1/semantic.min.js"></script>
<script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script>
<script src='/js/main.min.js'></script>我相信这是最佳做法。我有网页，其中有地图数据传递，以便以传单形式呈现。当页面级JS在传单库之前加载时，如何使这些数据很好地流动，当然，这是行不通的。
单视图
<script>
$(function() {
var map = L.map('map').setView([{{data.lat}}, {{data.lng}}], 9);
var os = new L.BingLayer("XXXXXXXX", { type: 'OrdnanceSurvey' });
os.addTo(map)
});
</script>任何指示都将受到欢迎。
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-07-07 06:35:48
你确定这不工作，因为传单是放在你的脚本后？
因为您将代码包装在$(function () {})中，所以它应该只在页面的DOM准备好之后执行，包括加载和执行的所有同步脚本。因此，您的代码将在加载和执行传单脚本之后执行，即使它的标记被放置在页面正文的底部。
然而，，，在您的体系结构…中还有另一个问题它是在代码之后加载的jQuery本身。因此，当您的代码被解析时，jQuery的$对象还没有分配！
一个简单的解决方法是在页面脚本之前至少加载jQuery。
演示：http://plnkr.co/edit/LujU9IfGJ9AvJGjr5jIK?p=preview
另一种解决方案是将页面脚本与内容分开，并将其显示在特定的占位符中，至少在jQuery脚本之后。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38205199
复制相关文章
相似问题
腾讯云开发者
