JQuery Mobile и библиотека Flot

Question

Я использую flot на небольшом сайте jquery для мобильных фреймворков.Div страницы / содержимого, который содержит flot, находится на дополнительной странице.В первый раз, когда отображается страница с плавающей точкой, диаграмма отображается хорошо.При возврате к основной странице и перемотке вперед на страницу с флотом диаграмма не отображается.

Контент поступает из вида 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

готовый документ - это, как правило, то, что не работает должным образом с jQuery Mobile.

вместо $(function(){}) попробуйте выполнить привязку к событию page* следующим образом:

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

Answer 2

Возможно, вам потребуется обновить страницу, попробуйте .page ()

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