jquery для мобильных устройств и библиотеки flot

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

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

mobile jquery flot jquery-mobile
person cbedrosian    schedule 28.04.2011    source источник

Ответы (2)


arrow_upward
1
arrow_downward

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

$.plot($("#chartdiv"), [d1]).page();
person Phill Pafford    schedule 28.04.2011

arrow_upward
1
arrow_downward

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

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

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