0

Ajax を介して 1 つの Div から動的コードを追加しています。また、JavaScript を追加したいのですが、コードを以下に示すコードに表示できません。

$.ajax({
              url: "ajax_add_logo_parts.php",
              data: 'act=getPartImage&part_id='+part_id+'&list_id='+n[1],
              success: function(msg){

                    alert($("#mainPartId"+n[1]).html());
                    $("#mainPartId"+n[1]).append(msg)
                    alert(msg);
                    alert($("#mainPartId"+n[1]).html()); 
                    $("#"+n[0]).val(color)                  
                }
            });

変数 msg には、以下に示すいくつかの html と javascript が含まれていますが、html で表示することはできません。

<script type="text/javascript">

    var capPartId1 = document.getElementById("capPartId1");



    var originalPixelsPart1 = null;

    var currentPixelsPart1 = null;



    function changeColorPart1(color)

    {

        $('.bill').val(color);

        if(!originalPixelsPart1) return;

        var newColorLogo = HexToRGB(color);



        for(var I = 0, L = originalPixelsPart1.data.length; I < L; I += 4)

        {

            if(currentPixelsPart1.data[I + 3] > 0)

            {

                currentPixelsPart1.data[I] = originalPixelsPart1.data[I] / 255 * newColorLogo.R;

                currentPixelsPart1.data[I + 1] = originalPixelsPart1.data[I + 1] / 255 * newColorLogo.G;

                currentPixelsPart1.data[I + 2] = originalPixelsPart1.data[I + 2] / 255 * newColorLogo.B;

            }

        }



        ctx.putImageData(currentPixelsPart1, 0, 0);

        capPartId1.src = canvas.toDataURL("image/png");

    }

    function getPixelsPart1(img)

    {

        canvas.width = img.width;

        canvas.height = img.height;



        ctx.drawImage(img, 0, 0, img.naturalWidth, img.naturalHeight, 0, 0, img.width, img.height);

        originalPixelsPart1 = ctx.getImageData(0, 0, img.width, img.height);

        currentPixelsPart1 = ctx.getImageData(0, 0, img.width, img.height);



        img.onload = null;

    }

</script>

<div class='capPart1 bill_1' id='1' style='position: absolute;z-index: 600;display: block;'><img src='http://localhost/CustCap/Code/customcap/images/capparts/0630112013030101.png' id='capPartId1' onload='getPixelsPart1(this);'></div>

<input type='hidden' name='bill' id='bill' class='bill' value='' />

私はコードの下に見ることができます

<div class='capPart1 bill_1' id='1' style='position: absolute;z-index: 600;display: block;'><img src='http://localhost/CustCap/Code/customcap/images/capparts/0630112013030101.png' id='capPartId1' onload='getPixelsPart1(this);'></div>

<input type='hidden' name='bill' id='bill' class='bill' value='' />
4

2 に答える 2

0

これを試して

       $.ajax({
          url: "ajax_add_logo_parts.php",
          data: 'act=getPartImage&part_id='+part_id+'&list_id='+n[1],
          success: function(msg){

                alert($("#mainPartId"+n[1]+"").html());
                $("#mainPartId"+n[1]+"").append(msg)
                alert(msg);
                alert($("#mainPartId"+n[1]+"").html()); 
                $("#"+n[0]+"").val(color)                  
            }
        });
于 2013-03-20T11:31:46.657 に答える
0

type:post/getこれを追加してみてください：

$.ajax({
   type:"GET",
   url: "ajax_add_logo_parts.php",
   data: 'act=getPartImage&part_id=' + part_id + '&list_id=' + n[1],
于 2013-03-20T11:32:19.457 に答える