如何运行使用jQuery加载JavaScript函数.load

Question

我用Google搜索和搜索这里来，但无法弄清楚我的脚本不能正常工作

我使用.load功能文件加载成功加载HTML文件，但javascirpt在当我浏览器查看该文件的所有作品不工作..

以下功能加载HTML文件

function loadPage(page, pageElement) { 

$(pageElement).load('pages/page' + page + '.html'); 

//loadRegions(page, pageElement);} 

这是AJAX加载HTML文件中的函数

addLoadEvent(load1);

脚本由pdftohtml脚本生成产生帆布......我不能把它连接到任何事件像点击..它可以工作，因为它是...

pdftohtml生成脚本

 

function adjustCharSpacing(el,actualWidth) { 
    var rawWidth=el.offsetWidth; 
    if(actualWidth>20 & rawWidth!=actualWidth && actualWidth>rawWidth){ 
     var spacing= 0; 
     var s=spacing+'px'; 
     el.style.charSpacing = s; 
     rawWidth=el.offsetWidth; 

     var diff=rawWidth-actualWidth; 
     if(diff20 && actualWidth>rawWidth && rawWidth!=actualWidth & el.textContent.search(' ') > -1){ 
     var spacing= 0; 
     var s=spacing+'px'; 
     el.style.wordSpacing = s; 
     rawWidth=el.offsetWidth; 

     var diff=rawWidth-actualWidth; 
     if(diff12 & rawWidth>5 & rawWidth!=actualWidth){ 
     if(rawWidth>actualWidth){ 
      while (rawWidth>actualWidth & lastRawWidth!=rawWidth){ 
       pixelSize--; 
       el.style.fontSize = pixelSize+'px'; 
       lastRawWidth=rawWidth; 
       rawWidth=el.offsetWidth; 
      } 
      var lastDiff=lastRawWidth-actualWidth; 
      var nextDiff=actualWidth-rawWidth; 
      if(lastDiff5) 
      el.style.fontSize = pixelSize+'px'; 
     else 
      el.style.fontSize = rawFontSize+'px'; 

     if(pixelSize!=el.style.fontSize){ 
      adjustCharSpacing(el,actualWidth); 
      adjustWordSpacing(el,actualWidth); 
     } 

    } 
} 

var pdf; 
function M(a,b){pdf.moveTo(a,b);} 
function L(a,b){pdf.lineTo(a,b);} 
function C(a,b,c,d,e,f){pdf.bezierCurveTo(a,b,c,d,e,f);} 
function Q(a,b,c,d){pdf.quadraticCurveTo(a,b,c,d);} 
function BP(){pdf.beginPath();} 
function CP(){pdf.closePath();} 
function LW(a){pdf.lineWidth=a;} 
function LC(a){pdf.lineCap=a;} 
function LJ(a){pdf.lineJoin=a;} 
function ML(a){pdf.miterLimit=a;} 
function SS(a){pdf.strokeStyle=a;} 
function ST(){pdf.stroke();} 
function GA(a){pdf.globalAlpha=a;} 
function FS(a){pdf.fillStyle=a;} 
function FI(){pdf.fill();} 
function CL(){pdf.clip();} 
function SV(){pdf.save();} 
function RS(){pdf.restore();} 

var loaded1 = false; 
var assetsLoaded1 = 0; 
var assetCount1 = 20; 
var images1 = new Array(); 
var imageCount1 = 20; 
function load1(){ 
    if (!loaded1) { 
     loaded1=true; 
     document.getElementsByClassName("l1")[0].innerHTML = "Loading Assets..."; 
     for (var i = 1; i 

Answer 1

使用load()方法的回调函数：

$(pageElement).load('pages/page' + page + '.html',function(){ 
    $('#myCanvas').on('click',function(){alert('canvas clicked');}); 
}); 

或使用代表团，例如：

$(document.body).on('click','myCanvas', function(){ 
    alert('canvas clicked'); 
});