Question

我是画布的新手。我正在尝试硬编码html页面以显示不同的图表。为此，我有一个像这样的html页面：

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

 <script>
 $.getScript(path + "js/display.js");
 </script>

 <div data-role="header">  

 </div>  
 <div data-role="content" style="padding: 15px" onload="loadSQLRecords();">

      <input type="button" data-inline="true" class="appButton" value="Display Chart" id="LoadReservatButton" onclick="currentPage.displaychart();" /> 

 </div>

和login.js喜欢：

currentPage={};

currentPage.init = function() {
WL.Logger.debug("report :: init");
};

currentPage.displaychart=function(){
WL.Logger.debug("payment :: loadGenReportPage");
pagesHistory.push(path + "pages/chart.html");
$("#pagePort").load(path + "pages/chart.html");
loadSQLRecords();

};

function loadSQLRecords(){

var ctx = $('#myCanvas').get(0).getContext('2d');
// Box1-ESPS P1
ctx.beginPath();
ctx.lineWidth = "1";
ctx.strokeStyle = "black";
ctx.rect(5, 5, 100, 100);  
ctx.stroke();
}

并且chart.html页面是：

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

<script>
$.getScript(path + "js/display.js");
</script>


<div data-role="header">  

</div>  
<div data-role="content" style="padding: 15px" onload="loadSQLRecords();">
  <canvas id="myCanvas" width="1000" height="750" style="border:1px solid #d3d3d3;"/>

</div>

但是，我收到的错误是TypeError：$（...）。get（...）未定义。谁能告诉我这里的错误？

TypeError：$（...）。get（...）未定义

0 个答案: