Question

我试图用jQuery将图像附加到div，这是我的代码：

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

如果我用简单的$img = 'hello';替换$ 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;

如何使用jQuery将图像附加到div

1 个答案: