Django Bokeh - Uncaught TypeError: Bokeh. $ Не является функцией - PullRequest
Новая
       18

Django Bokeh - Uncaught TypeError: Bokeh. $ Не является функцией

0 голосов
/ 18 апреля 2019

Боке версия, боке == 0.12.3 Версия CDN_Js, https://cdn.pydata.org/bokeh/release/bokeh-0.12.3.min.js

Bokeh Script JS, встроенный в HTML-шаблон Django, как показано ниже: - 

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

Я могу получить CDN_js и CDN_css в DOM, но, похоже, не могу передать их в innerHtml / Html правильного DIV.

Остальной код, как показано ниже: - 

<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>

Код для модала, который мне нужен, чтобы иметь диаграмму боке в: - 

<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

1 Ответ

0 голосов
/ 19 апреля 2019

ОШИБКА - «Uncaught TypeError: Bokeh. $ Не является функцией» .

Решено путем встраивания - bokeh-0.12.3.min.css и bokeh-0.12.3.min.js в First Bokeh DIV, как показано ниже - это не идеальное решение, но пока работает. 

<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>

Также эта ошибка не возникла из-за использования более старой версии Bokeh.

...