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内容后执行它。

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

1 个答案: