javascript - 选择选项卡时调用javascript函数

Question

是否可以使用 javascript 函数加载选项卡的内容，然后在单击选项卡标题时调用该函数，传递需要传递的任何参数，而不是为每个选项卡嵌入类似的 javascript 代码？我有 5 个不同的选项卡，每个选项卡我想使用图表软件显示图表。这个图表软件的关键是需要 javascript 在浏览器上呈现图像。

下面是渲染和显示 1 个图表所需的 2 个脚本的示例。每个脚本唯一改变的是 .xml 和 .swf。由于这段代码对于所有图表都是相似的，就像我之前所说的，如果可能的话，我想通过一个函数来调用它。

<div id="chartdiv">Chart Data.</div>
<div id="fcexpDiv" align="right">FusionCharts Export Handler Component</div>
<script type="text/javascript">
    var myChart = new FusionCharts("Column3D.swf", "myChartId", "500", "300", "0", "1");
    myChart.setXMLUrl("Data_EXPORT.xml");
    myChart.render("chartdiv");
</script>
<script type="text/javascript">
    var myExportComponent = new FusionChartsExportObject("fcExporter1", "FCExporter.swf");
    myExportComponent.Render("fcexpDiv");
</script>

IE：如果您想知道，图表软件是 FusionCharts

Answer 1

使用 JS 库，如 jQuery，加上 UI，如http://os.alfajango.com/easytabs/#tabs1-js