在php页面中由ajax请求添加的jQuery不起作用

Question

我有一个脚本jQuery，可以上传图像并通过以这种方式调用的PHP脚本显示它：

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

其中photoimg是输入类型文件，图像形成表单。 徽标是图像将在的div。

现在，当以这种方式将图像加载到div whit php脚本中时：

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

我必须添加一个jquery脚本以将div中的图像拖动到“中心”位置。 如果我以这种方式在行之前使用echo：

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";

它不起作用。 你能帮我吗？

Answer 1

您永远都不想从这样的外部源执行Javascript。 只需将代码放入调用页面/脚本中，然后在添加Ajax内容后执行即可。