我试图在一个wordpress页面上实现一个图表。

我正在使用谷歌指南中的这个页面-https://google-developers.appspot.com/chart/interactive/docs/basic_load_libs

为了在wordpress中实现这一点，我尝试使用javascript wordpress guide-codex进行以下操作。wordpress。组织/使用Javascript

The api says -

要在WordPress中的帖子中使用JavaScript，您需要执行更多步骤。这种用法可能只用于一个或几个实例，因此不需要将脚本添加到标头。

对于偶尔或一次性使用JavaScript，您需要将脚本放入JavaScript文件中，然后在帖子中调用它。确保每个脚本都由其函数名定义，例如：

函数updatepage（）{var m=“页面已更新”+文档。lastMo……}

要在帖子中包含Javascript，需要将对脚本文件的调用与对Javascript本身的调用结合起来。

<script type="text/javascript" src="/scripts/updatepage.js"></script>
<script type="text/javascript">
<!--
updatepage();
//--></script>

因此，我添加了google guide上给出的javascript代码，并将其封装在如下函数中-

function updatepage(){    // this line added by me

// Load the Visualization API and the piechart package. //copy-paste starts
....
....
chart.draw(data, options);
}                                                       //copy-paste ends

}                       // this line added by me

然后我将此文件保存为updatepage。js并将其添加到我的主题文件夹下的脚本文件夹（我创建的）。

最后，我在页面中添加了以下内容-

<!--Load the AJAX API-->
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" src="/my-scripts/updatepage.js"></script>
<script type="text/javascript">
<!--
updatepage();
//--></script>
Graph should be here
<div id="chart_div" style="width:400; height:300"></div>
end

页面链接：Abluehart。com/js测试

但它不起作用。感谢您的帮助。

问题：

是我的参考资料"src="/my-scripts/updatepage.js" 更新页面。js正确吗如果我将google页面上给出的示例放在html文件中并用firefox打开，它会正确显示。

function updatepage(){    // this line added by me
    jQuery(document).ready(function ($) {

        // Load the Visualization API and the piechart package.
        ....
        ....
        chart.draw(data, options);
    }       
}