Javascript Jquery可以';t通过.HTML()插入HTML
我正在通过Ajax从一个Div添加动态代码,我还想添加一些javascript,但它不能显示在下面给出的代码中Javascript Jquery可以';t通过.HTML()插入HTML,javascript,jquery,html,Javascript,Jquery,Html,我正在通过Ajax从一个Div添加动态代码,我还想添加一些javascript,但它不能显示在下面给出的代码中 $.ajax({ url: "ajax_add_logo_parts.php", data: 'act=getPartImage&part_id='+part_id+'&list_id='+n[1], success: function(msg){
$.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='' />
var capPartId1=document.getElementById(“capPartId1”);
var originalPixelsPart1=null;
var currentPixelspat1=null;
函数更改颜色第1部分(颜色)
{
$('.bill').val(颜色);
如果(!originalPixelsPart1)返回;
var newColorLogo=HexToRGB(颜色);
对于(变量I=0,L=originalPixelsPart1.data.length;I0)
{
currentPixelspat1.data[I]=originalPixelsPart1.data[I]/255*newColorLogo.R;
currentPixelspat1.data[I+1]=originalPixelsPart1.data[I+1]/255*newColorLogo.G;
currentPixelspat1.data[I+2]=originalPixelsPart1.data[I+2]/255*newColorLogo.B;
}
}
ctx.putImageData(当前像素spart1,0,0);
capPartId1.src=canvas.toDataURL(“image/png”);
}
函数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);
currentPixelspat1=ctx.getImageData(0,0,img.width,img.height);
img.onload=null;
}
我可以看到下面的代码
<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='' />
试试这个
$.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)
}
});
缺少您的
类型:post/get
,请尝试添加以下内容:
$.ajax({
type:"GET",
url: "ajax_add_logo_parts.php",
data: 'act=getPartImage&part_id=' + part_id + '&list_id=' + n[1],
从HTML中删除JavaScript?!msg的值是多少?msg包含第二个代码mins html和javascript@Liam:javascript可以在每次单击时动态更改,因此我需要使用它,它来自PHP端没有任何语句试图通过
.HTML()插入HTML
。相同的错误不显示我的Javascript还有另一个问题…因为这里的语法是正确的