Question

<a data-role="button" data-transition="flip" href="#feedbackmain" inline style="height:120px" type="button" name="feedbackLink">
        <img src="icons/report.png" inline style="height:80px"/><br/>Feedback
</a>

所以我有如上所示的这个按钮，我试图触发它为我打开一个饼图。问题是我似乎无法让按钮工作。如果可能的话，我也可以在网页加载时创建饼图，但也无法弄清楚如何做到这一点。我的饼图是在jQplot中制作的，并且生成如下：

function drawChart(data) {
     var data = data;

      var options = {
          title: 'Pie Chart',
          seriesDefaults: {
            renderer: jQuery.jqplot.PieRenderer,
            rendererOptions: {
              showDataLabels: true,
              dataLabels: 'value',
              fill: false,
              sliceMargin: 5,
              lineWidth: 5,
              startAngle: 45
            }
          },
          legend: { show:true, location: 'w' }
        };

      $.jqplot('chartDivId', data, options);
    }

现在，我尝试调用这样的函数：

$(document).ready(function()
    {
    drawChart([[["data1",6],["data2",5],["data3",2]]]);
})

我得到一个透明的框，其中应该绘制图表，但是......它是透明的。我可以使用带有data-role：page的相同div上的onClick函数创建一个按钮并使其工作，但我宁愿在启动时加载它，因为我需要通过PHP从MySQL加载的data1，data2，data3参数。我甚至无法使用以下代码与第一个代码段中显示的按钮联系：

$("#feedbackLink").click(function()
        {
        alert("2");
        })
    });

任何人都知道如何解决这个问题？要么让按钮为我做，要么让图表自动加载到脚本的其余部分。

编辑：我甚至将其剥离了：

$(document).ready(function()
    {
        $("#test").click(function()
        {
            alert("2");
        })
})

按钮：

<div data-role="page" id="page1">
    <input type="button" id="test" value="test"/>
</div>

我基本删除了整个页面中的其他所有内容，但仍然没有该死的联系：U

Answer 1

在锚链接中添加id属性，然后尝试......它一定会起作用

jquery #中的

类似于元素的id

$("#feedbackLink").click(function()
        {
        alert("2");
        })
    });

Answer 2

您需要将id属性添加到锚点，以便您可以使用JQuery

处理click事件

<a data-role="button" data-transition="flip" id="feedbackLink" href="#feedbackmain" inline style="height:120px" type="button" name="feedbackLink">
    <img src="icons/report.png" inline style="height:80px"/><br/>Feedback
</a>

您还需要确保您的事件处理程序是用$（document）.ready（）

编写的

$(document).ready(function(){
    $("#feedbackLink").click(function(){
      alert("2");
    })
});

onclick（）jQuery / JavaScript按钮显示饼图不起作用

2 个答案: