Flot不在Django中渲染

我正在嘗試學習Django和Javascript/jQuery的個人項目。我想用Flot繪製一些數據，我試圖獲得一個測試圖來呈現，但我似乎做錯了。Flot不在Django中渲染

在我的base.html我有以下內容，包括jQuery和Flot在我的head元素。

<script src="/site_media/jquery-1.7.2.min.js" type="text/javascript"></script> 
<script src="/site_media/jquery.flot.min.js" type="text/javascript"></script>

在我inherit.html：

{% extends 'base.html' %} 

<script type="text/javascript"> 
alert('Im running!'); 
$.plot($("#flot-test"), [ [[0, 0], [1, 1]] ], { yaxis: {max: 1 } }); 
</script> 
{% block title %}Detail View for {{ sched_name }}{% endblock %} 

{% block content %} 
<div id="status_bar"> 
    <a href="/view_schedules/">{{ user.username }}'s Gradebooks</a>/<a href="/view_schedules/{{ schedule_slug }}/">{{ sched_name }}</a> 
</div> 

<div id="flot-test" style="width:600px;height:300px"> 
</div> 

The rest concatenated

然而，當我呈現使用Django的開發頁面。服務器我沒有收到像我收到的警報和情節不渲染。我得到一個空白div到我指定的尺寸。當我真正在網頁瀏覽器中查看我的頁面源時，它甚至不顯示我上面包含的劇情腳本。我究竟做錯了什麼？

來源

2012-05-26 Nic Young

如果瀏覽'http：// localhost：8000/static_media/jquery-1.7.2.min.js'你得到了什麼？這聽起來像經典的靜態文件問題。 –

@BurhanKhalid當我去那裏時，我得到了我應該得到的jQuery代碼。 –

JS在目標div被渲染之前執行。您可以在內聯JS之前移動div或將JS調用包裝在document.ready中：

<script type="text/javascript"> 
$(document).ready(function(){ 
    alert('Im running!'); 
    $.plot($("#flot-test"), [ [[0, 0], [1, 1]] ], { yaxis: {max: 1 } }); 
});

來源

2012-05-26 16:17:23 Mark

這正是我的問題。謝謝！ –

Flot不在Django中渲染

回答

相關問題