散景内联嵌入，“加载资源失败”答案

【问题标题】：Bokeh Inline Embedding, 'Failed to load resource'散景内联嵌入，“加载资源失败”
【发布时间】：2017-01-03 13:31:03
【问题描述】：

我在嵌入 Bokeh 内联时遇到问题。特别是，从“链接”标签加载资源时存在问题（请参阅下面的 html sn-p）。出于某种原因，当我尝试嵌入散景图内联时，出现以下错误：“加载资源失败：服务器响应状态为 404（未找到）”，引用此链接 - https://cdn.bokeh.org/bokeh/release/bokeh.min.css.map

但是，上面的地址与我在链接标签中指出的地址不同（它省略了最后的散景版本）。我不知道为什么会出现这个错误，这是第一次发生这种情况。我之前曾多次成功使用内联嵌入。

<head>
     <link href="https://cdn.bokeh.org/bokeh/release/bokeh-0.12.1.min.css" rel="stylesheet" type="text/css">
     <script src="https://cdn.bokeh.org/bokeh/release/bokeh-0.12.1.min.js>
     </script>
</head>

编辑

我正在尝试将内联嵌入与 jQuery 一起使用（我想显示不同的散景图而不是每次都重新加载整个页面）。

当我在控制台中查找更多错误详细信息时，我发现了以下错误：“渲染 Bokeh 模型时出错：找不到带有 id 的标签...”

如果有任何相关性，这是我的 html 中的 jQuery 脚本：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script type=text/javascript>
    $(function() {
      $('a#process_input').bind('click', function() {
        $.getJSON('/background_process', {
          proglang: $('input[name="proglang"]').val(),
        }, function(data) {
          $("#result").html(data.a);
          $("#r").html(data.b);
        });
        return false;
      });
    });
</script>

其中 'data.a' 和 'data.b' 分别是 Bokeh 生成的脚本和 div 标签。

任何建议或意见将不胜感激！

【问题讨论】：

标签： html css href bokeh

【解决方案1】：

最好的猜测是脚本在 <div> 插入 DOM 之前先/早执行。您需要找到一种方法来保证 <div> 在脚本执行时可用。

顺便说一句，在创建componenent 函数时，并没有真正设想到部分负载用例。如果您想进行部分加载，最好提供文档 JSON，然后以某种方式直接从 JavaScript 调用 Bokeh.embed.embed_items。但是可能需要进行一些实验和讨论，然后来回进行才能使其正常工作，而这并不是很好。我鼓励你把这个话题带到public Discourse 进一步讨论。

【讨论】：