2011-11-29 119 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