Javascript jquery：更改文本颜色以匹配导航栏背景

我已经设置了一个菜单来加载各种样式表（我不想编辑）。我想做的是将css类的颜色设置为与navbar inverse的背景色相同的颜色

这是到目前为止我的代码

var themes = {
  "default": "css/default.bootstrap.min.css",
  "theme1": "css/theme1.bootstrap.min.css",
  "theme2": "css/theme2.bootstrap.min.css",
  "app": "css/app.css"
};


$(function () {
  var themesheet = $('<link href="' + themes['default'] + '" rel="stylesheet" />');
  themesheet.appendTo('head');
  var theColorIs = $('.navbar-inverse').css("background-color");
  $('.text-primary2').css('color', theColorIs);

  $('.theme-link').click(function () {
      var themeurl = themes[$(this).attr('data-theme')];
      themesheet.attr('href', themeurl);
      var apptheme = $('<link href="' + themes['app'] + '" rel="stylesheet" />');
      apptheme.appendTo('head');
      var theColorIs = $('.navbar-inverse').css("background-color");
      $('.text-primary2').css('color', theColorIs);
  });
});

var主题={
“default”：“css/default.bootstrap.min.css”，
“theme1”：“css/theme1.bootstrap.min.css”，
“theme2”：“css/theme2.bootstrap.min.css”，
“app”：“css/app.css”
};
$（函数（）{
var themesheet=$（''）；
themesheet.appendTo（“head”）；
var theColorIs=$（'.navbar inverse'）.css（“背景色”）；
$（'.text-primary2'）.css（'color'，theColorIs）；
$（'.theme link'）。单击（函数（）{
var themeurl=themes[$（this）.attr（'data-theme'）；
themesheet.attr（'href'，themeurl）；
var-apptheme=$（''）；
apptheme.appendTo（“head”）；
var theColorIs=$（'.navbar inverse'）.css（“背景色”）；
$（'.text-primary2'）.css（'color'，theColorIs）；
});
});

基本上，它加载一些引导样本，然后重新加载我自己的app.css以覆盖一系列内容。然后我将navbar inverse的BG颜色存储到一个变量，并尝试设置.text-primary2的颜色以匹配

这是一种工作，但它只改变了以前选择的主题的颜色，所以如果我选择相同的一个两次，那么我最终会赶上

我可以对app.css、html或javascript进行更改，但我尽量避免对单个主题进行更改

---

我应该补充一点，我对jquery、javascript和web开发基本上是一个新手。

之所以会出现这种情况，是因为您试图在它仍在加载时访问它。因此，它尝试访问已存储的值，即上一页的值。改用超时功能。谢谢，太好了。