Jquery不支持div標簽

Question

我在這里做錯了什么，我想在現有的html之前添加以下div標簽

    <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/

您有一個未定義的變量消息