javascript - 将参数从 <div id ="container"传递给 javascript 函数

Question

我刚刚开始掌握高图表，并且非常喜欢它们的外观。我可以使用默认数据在我的网页上显示一个，但如何将数据从 id 传递到函数。

该函数在这里调用:

<div id="containerpie" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

该函数如下所示:

$(function () {
    $('#containerpie').highcharts({
    chart: {
        plotBackgroundColor: null,
        plotBorderWidth: null,
        plotShadow: false
    etc etc

我的想法应该是正确的吗:

$(function (var1, var2, var3, var4)

但是如何从 div 行发送变量呢？

Answer 1

您可以使用data属性，然后从javascript代码中捕获。例如

<div id="containerpie" data-param1="val1" data-param2="val2" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

在你的 JavaScript 中:

$(function () {
    // Get from the div element
    var val1 = $('#containerpie').data('val1');
    var val2 = $('#containerpie').data('val2');

    $('#containerpie').highcharts({
    chart: {
        plotBackgroundColor: null,
        plotBorderWidth: null,
        plotShadow: false
        ...