jquery - 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，它可以工作...为什么不能跨页工作？