Question

Я пытаюсь добавить изображение в DIV с JQuery, это мой код:

$img = '<img src="my-correct-link.png" />'; 
$js = '<script type="text/javascript"> 
      jQuery(document).ready(function() { 
       jQuery(".wonderpluginslider").append(' . $img .'); 
      }); 
     </script>'; 
echo $js; 

не появляется изображение, если заменить значение $ Img с простой $img = 'hello';, приветствие отображается на экране.

Answer 1

У вас нет кавычек вокруг вашего изображения HTML, для вызова append требуется строка, вы должны получить синтаксическую ошибку JavaScript.

Ваш вывод HTML теперь выглядит

<script type="text/javascript"> 
jQuery(document).ready(function() { 
    jQuery(".wonderpluginslider").append(<img src="my-correct-link.png" />); 
}); 
</script>; 

Но нужно быть

<script type="text/javascript"> 
jQuery(document).ready(function() { 
    jQuery(".wonderpluginslider").append('<img src="my-correct-link.png" />'); 
}); 
</script>; 

Самый безопасный способ заключается в использовании json_encocde

$img = '<img src="my-correct-link.png" />'; 
$js = '<script type="text/javascript"> 
      jQuery(document).ready(function() { 
       jQuery(".wonderpluginslider").append(' . json_encode($img).'); 
      }); 
     </script>'; 
echo $js;