Django Bokeh - Uncaught TypeError:Bokeh。$不是函数

问题描述 投票:0回答:1

散景版,散景== 0.12.3 CDN_Js版,https://cdn.pydata.org/bokeh/release/bokeh-0.12.3.min.js

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

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

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

其余代码如下: -

<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条形图的模态代码: -

<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.pydata.org/bokeh/release/bokeh-0.12.3.min.js

jquery django bokeh cdn
1个回答
0
投票

错误 - “Uncaught TypeError:Bokeh。$不是函数”。

通过在第一个散景DIV中嵌入 - bokeh-0.12.3.min.css和bokeh-0.12.3.min.js得到解决,如下所示 - 这不是一个理想的解决方案,但现在可以使用。

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

此错误也没有发生由于使用较旧版本的散景。

© www.soinside.com 2019 - 2024. All rights reserved.