javascript - 如何在 jQuery 中缓存 DOM 变量

Question

<强> Demo

使用jquery和highchart.js(+exporting.js模块)我尝试通过如下所示的自定义按钮导出图表

<button type="button" id="chartpdf" data-chart="chart1" class="pdf-download">PDF</button>

当代码以这样的硬编码格式导出图表时

chart1.exportChart({type: "application/pdf"});

尝试从元素数据属性动态获取chart1时不起作用data-chart="chart1"

$(document).on("click", ".pdf-download", function(){
     $(this).data('chart').exportChart({type: "application/pdf"});
});

你能告诉我如何解决这个问题吗？

谢谢

Answer 1

试试这个

$( CHART ID ).highcharts().exportChart({type: "application/pdf"});

Example