如何在Meteor中切换引导样例主题？

我第一次使用Meteor构建应用程序。由于可访问性问题，我们想向用户提供两种不同的引导样例主题。我在这里找到了一个关于如何切换引导样例主题的非常有用的解释：

（在公认的答案中提到了一把方便的小提琴：）

我已尝试将提供的javascript放在myapp.html中的

标记中。我还尝试将它放在myapp.js文件中。（然后我试着放在许多不同的地方，看看会发生什么；-））

---

我尝试过的东西都不管用，而且可以理解的是，流星框架“挡了路”。是否有一种方法可以在Meteor应用程序中切换引导样本主题？

动态切换引导样本主题很容易，如最初引用的问题所示：

Meteor（在我的例子中加上iron router）通过事件映射和在

中发生动态变化这一简单事实，使这一点稍微复杂化

另一个回答的问题解释了如何直接在jQuery中处理事件（绕过Meteor事件映射）：

下面的代码片段显示了我是如何将这两个想法结合在一起的。一切正常

var themes = {
  "default": "bootstrap311/css/bootstrap.default.min.css",
  "readable" : "bootstrap311/css/bootstrap.readable.min.css",
  "slate" : "bootstrap311/css/bootstrap.slate.min.css"
}

$(function(){
  var themesheet = $('<link href="'+themes['default']+'" rel="stylesheet" />');
  themesheet.appendTo('head');
  $('body').on('click', '.theme-link', function (e) {
    var themeurl = themes[$(this).attr('data-theme')]; 
    themesheet.attr('href',themeurl);
  });
});

var主题={
“default”：“bootstrap311/css/bootstrap.default.min.css”，
“可读”：“bootstrap311/css/bootstrap.readable.min.css”，
“slate”：“bootstrap311/css/bootstrap.slate.min.css”
}
$（函数（）{
var themesheet=$（''）；
themesheet.appendTo（“head”）；
$（'body'）。在（'click'，'theme link'，函数（e）上{
var themeurl=themes[$（this）.attr（'data-theme'）；
themesheet.attr（'href'，themeurl）；
});
});

我可以使用任何引导样例主题作为默认主题-按预期工作。主题的切换不会导致主题的更改（头部的链接没有更改）。因此，当您在这样的链接中更改

主题名称时：
什么都不会发生？是否安装了bootstrap3？我们不使用它，只使用bootstrap帐户ui，我想它可能包括bootstrap。我会尝试删除除bootstrap accounts ui之外的bootstrap软件包，然后更改您的主题，看看会发生什么。对于初始主题，是的，我可以将其更改为我想要的任何主题，并按预期工作-但是，当我尝试利用使用参考问题中概述的方法动态切换主题时，没有发生动态切换。这个问题：导致我修改jquery函数如下：
$（function（）{var themesheet=$（''）；themesheet.appendTo（'head'）；$（'body'）。on（'click'，'theme link'，'function（e）{var themeurl=themes[$（this.attr（'data-theme'））]；themesheet.attr（'href'，themeurl）；}）它现在通过下拉选择在我的meteor应用程序中动态切换引导样本主题-非常像引导样本站点。