bootstrap 4动态导航不显示窗格

问题描述

我正在创建一个具有javascript行为的动态列表组，该行为会在每次页面刷新时更改。我一直在这里使用说明：

List group

不幸的是，我无法使右侧的窗格正常工作，但我可以使左侧的列突出显示并进行更改。我正在使用Tampermonkey来实现此目标，并即时进行。

我收到与jquery $有关的错误，这可能是一个冲突，并且似乎已解决。

我可以创建div及其所有信息，因此可以在我的开发工具中完美地看到它们。

我正在将CDN动态添加到页面，因为除tampermonkey之外我无法控制它。这可能是麻烦所在。

    var resources5 = document.createDocumentFragment();
  var bootstrapCSS2 = document.createElement('link');
          bootstrapCSS2.rel = 'stylesheet';
                                                                  bootstrapCSS2.href += 'https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css'; //https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css';//top
         bootstrapCSS2.integrity += 'sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO';
         bootstrapCSS2.crossOrigin += 'anonymous';


resources5.appendChild(bootstrapCSS2);

这里是我将其附加到页面的地方：

window.requestAnimationFrame(
    function() {
      document.body.removeChild(document.getElementsByTagName('style')[0]);

         document.head.appendChild(resources5);

这是我的Tampermonkey脚本的开始： （// @开头）

grant       none
require     https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js
include     https://code.jquery.com/ui/1.12.1/jquery-ui.js
include     https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css
include     https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js
include     https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
run-at      document-end
// ==/UserScript==

我知道这有点愚蠢，不认为这与制作div有关。任何帮助表示赞赏。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）