JS库（x3dom）未加载

Question

我使用x3dom和d3创建了一个可视化文件。 当我将其作为一个单独的html文件（一个文件中包含html和js代码）执行时，它可以正常工作。 当我将其包含在我的网站中时，x3dom不再正确加载。

我将其分解为加载x3dom脚本的问题。 我的主要方面有以下负责人：

    <meta charset="UTF-8">
<title>Title</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://x3dom.org/download/1.7.2/x3dom.css" />
<link rel="stylesheet" href="stylesheet.css">
<script defer
        src="https://code.jquery.com/jquery-3.4.1.min.js"
        integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
        crossorigin="anonymous"></script>
<script defer src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script defer src="https://d3js.org/d3.v5.min.js"></script>
<script defer src="https://x3dom.org/download/1.7.2/x3dom-full.js"></script>
<script defer src="JS/form.js"></script>

一侧包含一个表单，该表单由另一个JavaScript处理，该表单在使用jquery getScript（）方法提交时调用可视化脚本。 可视化脚本已加载（我通过执行一些控制台输出对其进行了测试），但未加载x3dom。 使用以下方法对其进行了测试：

  if ( x3d.node() && x3d.node().runtime ) {
    // do stuff
  else {
    console.log("x3dom not ready")
  }

我的第一个猜测是，包含顺序是错误的，但是在单个文件中使用相同的标头有效（我只是删除了defer标签和网站特定的包含（例如加载本地css和js））。

那么如何在网站实现中不加载x3dom脚本？

编辑

我尝试从html主页调用可视化脚本，并且该脚本可以工作。 为此，我添加到我的头上：

....
<script defer src="JS/form.js"></script>
<script defer src="JS/scatterPlot3d.js"></script>

因此，问题必须出在另一个js文件中。 有任何想法吗？

Answer 1

好的，有一个功能

x3dom.reload()

解决了这个问题。