当am使用jquery加载事件加载图形页面时,外部页面Morris图表未加载


external page Morris charts not loading when am loading graph page using jquery load event

我想将DONUT CHART从另一个页面加载到当前页面。-当我点击主页按钮时,我想显示图形页面的图表。php

注意:当我手动运行Graph_page.php时,运行良好

Home.php

<input class="button" type="button" />
     <div class="home"></div>
       <script>
        $(document).ready(function(){
         $(".button").click(function(){
         $(".home").load("Graph_page.php", function(responseTxt, statusTxt, xhr){
          if(statusTxt == "success")
           //success alert
           if(statusTxt == "error")
         //error alert
    });
   });
  });
   </script>

Graph_page.php

       <div class="box-body chart-responsive">
   <div class="chart" id="sales-chart" position: relative;"></div>
          </div>
//script DONUT CHART
 <script type="text/javascript">
  $(function () {
    "use strict";      
    var donut = new Morris.Donut({
      element: 'sales-chart',
      resize: true,
      colors: ["#f56954","#00a65a","#3c8dbc"],
      data: [
        {label: "Absent Days", value: 5},
        {label: "Present Days", value: 10}, 
        {label: "Working Days", value: 15}
      ],
      hideHover: 'auto'
    });
  });
</script>

此的最佳方式

$(".home").load("Graph_page.php", function(responseTxt, statusTxt, xhr){     
var donut = new Morris.Donut({
  element: 'sales-chart',
  resize: true,
  colors: ["#f56954","#00a65a","#3c8dbc"],
  data: [
    {label: "Absent Days", value: 5},
    {label: "Present Days", value: 10}, 
    {label: "Working Days", value: 15}
  ],
  hideHover: 'auto'
});

Morris构建器无法识别最近加载的DOM,因此此构建是在加载页面之后进行的。