javascript - Jquery prepend 不适用于 div 标签

Question

我在这里做错了什么，我想将以下 div 标签添加到现有的 html

    <div id="trendHost" style="display:inline-block; margin: 0; width:100%; position: relative;">
        <h2 id="h1" style="clear:both; display:block;">Trend</h2>
        <div id="fmQtrChartPr" style="display:inline-block; width:100%; height:150px; position: relative; left: 0px; top: 0px;">&nbsp;</div>
    </div>

jQuery

var id = 'trendHost';
jQuery('#trendHost').prepend("<p>Text</p>")


jQuery('#' + id).prepend('<div style="position:absolute; padding:20px; top:36px; background-color:#FFF; color:#444;"><span style="font-size:13px;">Currently Unavailable</span><br/><span>' + message + '</span></div>');

http://jsfiddle.net/Wzb5p/

Answer 1

您在代码中使用message了变量，但从未定义它。它会引发错误：

未捕获的 ReferenceError：未定义消息

你需要定义它：

var message = 'lorem ipsum dolor';
var id = 'trendHost';
...

查看更新的 jsFiddle

Answer 2

您尚未message在代码中定义变量。

小提琴

var id = 'trendHost';
jQuery('#trendHost').prepend("<p>Text</p>")

var message='Message'; //Not defined in your code
jQuery('#' + id).prepend('<div style="position:absolute; padding:20px; top:36px; background-color:#FFF; color:#444;"><span style="font-size:13px;">Currently Unavailable</span><br/><span>' + message + '</span></div>');

Answer 3

添加修改看看

    var id = 'trendHost', message = 'Currently Unavailable message';
    jQuery('#trendHost').prepend("<p>Text</p>")
    jQuery('#fmQtrChartPr').prepend('<div style=" padding:20px; top:36px; background-color:#FFF; color:#444;"><span style="font-size:13px;">Currently Unavailable</span><br/><span>'
     + message + '</span></div>');

http://jsfiddle.net/Wzb5p/5/

你有一个未定义的变量消息