php页面中ajax请求添加的jquery不起作用

Question

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

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

其中 photoimg 是输入类型文件和图像形式的表单。 logo 是图像所在的 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 内容后执行即可。