onclick（）jQuery/JavaScript按鈕來顯示餅圖不起作用

<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製成，是這樣產生的：onclick（）jQuery/JavaScript按鈕來顯示餅圖不起作用

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

來源

2012-07-19 Tom

你怎麼弄的parametrs做他們閱讀用ajax或者通過作爲查詢從一個PHP文件varaibles？ – 2012-07-19 08:10:46

還沒有做出這部分，首先我需要按鈕來響應腳本的其餘部分。 – Tom 2012-07-19 08:16:35

你是否嘗試過使用id屬性而不是名字 – 2012-07-19 08:23:58

您需要的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(function(){ 
    $("#feedbackLink").click(function(){ 
     alert("2"); 
    }) 
});

來源

2012-07-19 08:17:25

已經嘗試過。只是似乎無法找到他們之間的連接：/ – Tom 2012-07-19 08:21:34

還需要把事件放在$（document）.ready（） – 2012-07-19 08:28:15

檢查更新有問題，基本上沒有任何工作> _ < – Tom 2012-07-19 08:38:02

將一個id屬性添加到錨鏈接，然後嘗試...它肯定會工作

jQuery中#類似元素的ID

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

來源

2012-07-19 08:10:16 swapnilsarwe

試過，沒有任何運氣：/它應該放在document.ready部分是嗎？ – Tom 2012-07-19 08:17:13

onclick（）jQuery/JavaScript按鈕來顯示餅圖不起作用

回答

相關問題