jquerymobile'；数据角色="；第页“'；概念-Jqplot

我正在用用户输入填充图表。并在值更改时刷新它。 它在同一个页面中工作，尽管当我尝试将图表放在另一个数据角色页面中时，它不工作。 更改页面时还有什么要考虑的吗？我不确定我是否清楚。。这是我的密码：

 <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>

---

如果将chartdiv更改为#charttest，它可以工作…为什么不能跨页面工作？

尝试使用$（document）.on（'pageinit'，function（）{}）；而不是$（document）.ready（…因为jQuery Mobile使用Ajax加载页面。哦，是的！很好！谢谢！这应该可以解决phone gap？我这样做了，但它仍然不能工作…我还使用$.Mobile.changePage（，{reloadPage:true}）添加了一个指向chartresult的链接；可能是JQPlot问题？您检查了JavaScript控制台吗（Chrome：设置按钮/工具/Javascript控制台，IE9 F12/控制台选项卡）查看错误消息？

$(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});

    }

});