jquery 모바일 및 플로트 라이브러리

Question

작은 jquery 모바일 프레임 워크 사이트에서 flot을 구현하고 있습니다. flot가 포함 된 페이지/콘텐츠 div는 보조 페이지에 있습니다. 처음 플롯 페이지가 표시되면 차트가 멋지게 렌더링됩니다. 기본 페이지로 다시 이동하여 플롯 페이지로 다시 이동하면 차트가 렌더링되지 않습니다.

내용은 ASP MVC보기에서오고있다 :

<div id="chartcontainer"> 
    <div id="chartdiv" style="height:300px;width:400px;"></div> 
</div> 
<script type="text/javascript"> 
$(function() { 
    var d1 = [[1, 1], [2, 2], [3, 3]]; 
    $.plot($("#chartdiv"), [d1]); 
}); 
</script> 

Answer 1

당신은 페이지를 새로 고침해야 할 수도 있습니다,

$.plot($("#chartdiv"), [d1]).page(); 

Answer 2

문서 준비는 일반적으로 '아무튼 일이다 .page()를 시도 jQuery Mobile에서 예상대로 작동합니다. 대신 $(function(){})의

이 같은 page* 이벤트에 바인딩하려고 :

$('div#withMYgrid').live('pageshow',function(){ 
//plot here 
});