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

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 周围没有引号，对追加的调用需要一个字符串，您应该会收到 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;