html - meteor - 更改不同模板的 HTML <head> 部分的内容?

标签 html meteor head

我有一个场景,我想测试一个页面的四个不同版本,每个版本的 HTML head 部分都加载了不同的 javascript 内容。

我想在模板之间切换,就像页面已重新加载一样,清除状态并重新运行 HTML 文件头部和主体中的 JS。

我可以使用四种不同的 Meteor 模板来实现吗?

最佳答案

我这样做的方法是从模板的 onRendered 方法中将 JS 附加到头部,如下所示:

Template.templateName.onRendered(function() {
  $('head').append("insert your script here");
});

因此,我会保留默认头中的任何这些 js 文件,并根据用户使用的模板添加它们。您还可以从 onRendered 方法中操纵用户体验,使用 $(window).scrollTop(0) 之类的东西使它看起来好像页面已刷新。

关于html - meteor - 更改不同模板的 HTML <head> 部分的内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27529263/

相关文章:

performance - HTML5 微数据 : How to prevent increasing the file size through Microdata

javascript - 使用 javascript 数组填充下拉选择框

html - css3动画推另一个里

cordova - 从图库上传图像或从移动相机 meteor Android 应用程序单击图像

android - 调用大量 Android Loopj AsyncHttpClient HEAD 请求,只是执行其中的随机数量

标题图像的 CSS,居中,最大宽度 %

javascript - 将复杂的 html/css/js 元素添加到单个 Wordpress 页面

css - 使用 Meteor 数据 Bootstrap 多列

javascript - Meteor Iron Router 未加载模板

html - 具有可变宽度表格的静态表格标题的 CSS 代码