docsify：在多个脚本中只有一个脚本在一个页面上工作

Question

我对 javascript 和 docsify 还很陌生。我有以下脚本在一个简单的 html 页面上运行良好，但是当我使用 docsify 将它们生成为页面时，只有一个脚本显示图形。对于我使用 vegaEmbed 用几个图表生成的一堆不同的页面来说，这是真的。

<div id="script_1"></div>
<script type="text/javascript">
  var spec = "https://raw.githubusercontent.com/gunrock/io/master/plots/gunrock_primitives_tc_avg_process_time.json";
  vegaEmbed('#script_1', spec).then(function(result) {
    // Access the Vega view instance (https://vega.github.io/vega/docs/api/view/) as result.view
  }).catch(console.error);
</script>

<div id="script_2"></div>
<script type="text/javascript">
  var spec = "https://raw.githubusercontent.com/gunrock/io/master/plots/gunrock_primitives_tc_edges.json";
  vegaEmbed('#script_2', spec).then(function(result) {
    // Access the Vega view instance (https://vega.github.io/vega/docs/api/view/) as result.view
  }).catch(console.error);
</script>

您可以在此处找到该页面：https://gunrock.github.io/docs/#/analysis/results_tc

我包括以下内容：

<!-- Vega and Vega-Lite Includes -->
<script src="https://cdn.jsdelivr.net/npm/vega@5"></script>
<script src="https://cdn.jsdelivr.net/npm/vega-lite@4"></script>
<script src="https://cdn.jsdelivr.net/npm/vega-embed@6"></script>

Answer 1

根据文档，仅执行第一个脚本标记：https://docsify.js.org/#/configuration?id=executescript

docsify：在多个脚本中只有一个脚本在一个页面上工作

docsify: out of multiple scripts only one script works on a single page

docsify