0

ここでグーグルで検索しましたが、スクリプトが機能していないことがわかりません

正常にロードされた .load 関数ファイルを使用して html ファイルをロードしていますが、ブラウザーでそのファイルを表示すると javascirpt が機能しません。

以下の関数はhtmlファイルをロードしています

function loadPage(page, pageElement) {

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

//loadRegions(page, pageElement);}

これは、ajax で読み込まれた html ファイルの関数です。

addLoadEvent(load1);

スクリプトは、キャンバスを生成するpdftohtmlスクリプトによって生成されます...クリックなどのイベントに添付できません..このまま機能できますか...

pdftohtml 生成スクリプト

関数adjustCharSpacing(el,actualWidth) {
    var rawWidth=el.offsetWidth;
    if(actualWidth>20 & rawWidth!=actualWidth && actualWidth>rawWidth){
        var 間隔 = 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 間隔 = 0;
        var s=spacing+'px';
        el.style.wordSpacing = s;
        rawWidth=el.offsetWidth;

        var diff=rawWidth-actualWidth;
        if(diff12 & rawWidth>5 & rawWidth!=実際の幅){
        if(生の幅>実際の幅){
            while (rawWidth>actualWidth & lastRawWidth!=rawWidth){
                ピクセルサイズ--;
                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';
        そうしないと
            el.style.fontSize = rawFontSize+'px';

        if(pixelSize!=el.style.fontSize){
            AdjustCharSpacing(el,actualWidth);
            AdjustWordSpacing(el,actualWidth);
        }

    }
}

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

var loaded1 = false;
var assetsLoaded1 = 0;
var assetCount1 = 20;
var images1 = 新しい配列();
var imageCount1 = 20;
関数 load1(){
    if (!loaded1) {
        ロードされた1 =真;
        document.getElementsByClassName("l1")[0].innerHTML = "アセットを読み込んでいます...";
        for (var i = 1; i
4

1 に答える 1

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');
});
于 2013-07-07T12:26:00.393 に答える