2011-11-29 70 views
0

我有上传图片,并通过所谓的这样一个PHP脚本显示它的脚本的jQuery:jQuery的添加在PHP页面的Ajax请求不起作用

<script type="text/javascript" > 
$(document).ready(function() { 
$('#photoimg').live('change', function(){ 
    $("#imageform").ajaxForm({target:'#logo'}).submit(); 
}); 
}); 
</script> 

其中photoimg是输入类型的文件和形象的形式。 logo是图像所在的div。

现在,当图像被加载在DIV白衣PHP脚本这样:

echo "<img src='".$actual_image_name."' id='imm' style=\"width:500;height:350;\" \>\n"; 

我要补充一个jQuery脚本拖动图像的DIV中为“中心”了。 如果我行后,以这种方式使用前回声:

echo '<script type="text/javascript">'; 
echo "$(function(){"; 
echo "var maskWidth = $(\"#logo\").width();"; 
echo "var maskHeight = $(\"#logo\").height();"; 
echo "var imgPos = $(\"#imm\").offset();"; 
echo "var imgWidth = $(\"#imm\").width();"; 
echo "var imgHeight = $(\"#imm\").height();"; 
echo "var x1 = (imgPos.left + maskWidth) - imgWidth;"; 
echo "var y1 = (imgPos.top + maskHeight) - imgHeight;"; 
echo "var x2 = imgPos.left;"; 
echo "var y2 = imgPos.top;"; 
echo "$(\"#imm\").css({top: 0, left: 0, cursor: 'move'});"; 
echo "$(\"#imm\").draggable({ containment: [x1,y1,x2,y2] });"; 
echo "});\n"; 
echo "</script>\n"; 

这是行不通的。你能帮我吗?

+0

所以你基本上试图通过php上传图片并使用ajax来显示它?如果我的假设错误,请纠正我。 –

回答

0

你不应该想从这样的外部源执行Javascript。只需将代码放入调用页面/脚本中,并在添加Ajax内容后执行它。

+0

它不起作用! – JackTurky