Jquery不支持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。

Fiddle

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/

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