Jquery, добавленный запросом ajax на странице php, не работает - PullRequest
Новая
       0

Jquery, добавленный запросом ajax на странице php, не работает

0 голосов
/ 29 ноября 2011

У меня есть скрипт jquery, который загружает изображение и показывает его с помощью php-скрипта, который называется следующим образом: 

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

где photoimg - тип входного файла, а изображение - форма. Логотип это div, где будет изображение.

Теперь, когда изображение загружается в скрипт php div whit следующим образом: 

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

это не работает. Вы можете помочь мне, пожалуйста?

1 Ответ

0 голосов
/ 29 ноября 2011

Вы никогда не должны запускать Javascript из внешнего источника, подобного этому.Просто поместите код в вызывающую страницу / скрипт и выполните его после добавления содержимого Ajax.

...