Jquery Mobile'data-role =“page”'概念 - Jqplot

Question

我使用用户输入填充图表。每当值发生变化时刷新它。 它工作在同一页面，虽然当我尝试将图表放在另一个数据角色页面时，它不起作用。 更改页面时还有什么需要考虑的事项吗？我不确定我是否清楚..这是我的代码：

 <div data-role="page" id="charttest">      
      <input id="userchart">
     <input id="userchart2">
     <input type="button" id="savechart" value="Save"/>
      <a href="#chartresult" data-role="button" data-icon="">Chart Restult</a>
  </div>
 <div data-role="page" id="chartresult">
      <div id="chartdiv" style="width:30%;"></div>            
</div>

和

$(document).ready(function(){
$('#savechart').click(function(){
num = $('#userchart');
num2 = $('#userchart2');
tochart = num.val();
tochart2 = num2.val();
chartingg();
});
function chartingg(){
     $.jqplot.config.enablePlugins = true;

    var s1 = [tochart, tochart2];
    var ticks = ['Teste', 'Teste 2'];   

    var plot = $.jqplot('chartdiv', [s1], {

     seriesDefaults: {renderer:$.jqplot.BarRenderer},
     axes:{xaxis:{renderer:$.jqplot.CategoryAxisRenderer,
      ticks:ticks
       }

      }
     });

     plot.data = [s1];
                plot.replot({resetAxes:true});

    }

});

如果你将chartdiv更改为#charttest，它可以工作......为什么不穿越页面？