当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,因此此构建是在加载页面之后进行的。
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- 如何在生成下载文件时显示加载动画
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- 无法在通过jQuery的ajax加载的页面中执行javascript
- Emberjs应用程序加载在除Index之外的所有路由上
- 在chrome.tabs.onCreated之后加载HTML页面
- 单击F5时如何停止页面加载
- HTML5音频加载和播放获胜'我不能在iPad上工作
- 跟踪在页面加载时应用内联样式的JavaScript
- 在使用Polymer'加载所有json文件后执行方法;s的核心ajax
- jQuery Lazy加载动画滚动
- Html页面上的多个Base64图像和平滑加载
- 如何创建带有插槽的vue js组件预加载程序
- Webpack/Rect:遵循egghead.io教程,但出现错误:您可能需要一个合适的加载程序来处理此文件类型
- 如何使该数据在所有元素中加载
- Chrome扩展没有't在重新加载之前考虑期权价值
- 使用javascript在Flash中加载外部图像
- Ajax文件加载和<输入>文件加载
- 使用javascript函数在页面初始化后加载jquery
- 当am使用jquery加载事件加载图形页面时,外部页面Morris图表未加载