Django Bokeh -未捕获TypeError: Bokeh.$不是一个函数

Question

Bokeh版本: bokeh==0.12.3

CDN_Js版本：https://cdn.bokeh.org/bokeh/release/bokeh-0.12.3.min.js

嵌入到Django的HTML模板中的Bokeh脚本JS如下:-

Bokeh.$(function(){
Bokeh.safely(function(){
....

我可以将CDN_js和CDN_css放到DOM中，但似乎无法将它们放入正确的DIV / innerHtml中。

代码的其余部分如下：

<script>
var call_bokehBar = "{% url 'call_bokehBar' %}" //
var bokeh_text = document.getElementById('dynamic_bokeh_body_text1');
bokeh_text.onclick = function() {
      $.ajax({
         url: call_bokehBar,
         type: 'GET',      
         dataType: 'json', 
         success: function(resultJSON) {
            console.log(resultJSON) //  -- YES OK 
            console.log(resultJSON.div_bokeh) //  -- YES OK 
            console.log(resultJSON.cdn_js) //  -- YES OK
            $('#second_bokehDiv').html(resultJSON.div_bokeh);
            $('#second_bokehDiv').html(resultJSON.js_bokeh);
        }, 
      })   
  };
</script>

我需要有Bokeh条形图的Modal的代码：

<div id="modal_bokeh_main" class="modal_bokeh_backdrop"> 
     <div class="modal_bokeh_content">
     <div class="modal_bokeh_header">
     <span class="modal_bokeh_close">&times;</span> 
     <h2 id = "dynamic_bokeh_header_text"> BOKEH BAR CHART </h2>
     </div>                                         
     <div class="modal_bokeh_body">
     <p id = "dynamic_bokeh_body_text1"> BOKEH BAR CHART </p>
     <div id ="first_bokehDiv">
      </div>
     <div id ="second_bokehDiv">
      </div>
   </div> 
 </div>
 </div>

https://cdn.bokeh.org/bokeh/release/bokeh-0.12.3.min.js

Answer 1

错误-“未捕获的TypeError: Bokeh.$不是一个函数”。

通过在第一个Bokeh DIV中嵌入- bokeh-0.12.3.min.css和bokeh-0.12.3.min.js得到了解决，如下所示-这不是一个理想的解决方案，但目前有效。

<div id ="first_bokehDiv">
<link rel="stylesheet" href="http://cdn.bokeh.org/bokeh/release/bokeh-0.12.3.min.css" type="text/css" />
<script type="text/javascript" src="http://cdn.bokeh.org/bokeh/release/bokeh-0.12.3.min.js"></script>
 </div>

此外，由于使用旧版本的Bokeh，因此不会出现此错误。