JS Append不起作用?

时间:2018-08-14 15:33:41

标签: javascript jquery

我正在尝试将某些内容附加到div上,但是它不起作用。

<script type="text/javascript"> 
var itx = "<h1 class='thx'>teste</h1><p class='tx'>teste</p>";
var ima = "<img class='bg rs' src='"../templates/eso/images/BANNER.jpg' />";
$(".box1").append(ima);
$( ".menu-text-info" ).append(itx);
</script>

这种代码现在不起作用,我不知道为什么。

1 个答案:

答案 0 :(得分:0)

请确保您的图片来源正确,并且引号像这样匹配,并且应该可以正常工作:

var itx = "<h1 class='thx'>teste</h1><p class='tx'>teste</p>";
var ima = "<img class='bg rs' src='../templates/eso/images/BANNER.jpg'/>"
$(".box1").append(ima);
$(".menu-text-info").append(itx); 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="box1"></div>
<div class="menu-text-info"></div>