jQuery：附加一個內置html的模板框

對不起，如果我的標題不清楚，我不知道如何說話。我是jQuery的新手，這是我正在嘗試做的。jQuery：附加一個內置html的模板框

我想在網頁頂部顯示一個或多個公告框。

比方說，我有一些模板「div」元素與類名稱，一些HTML使它成爲一個漂亮的盒子。和一個佔位符或什麼，實際的消息（html）的地方。

然後，我會使用$ .append在我的頁面上插入每個這些框，指定該框的自定義消息。

我的問題是，我如何創建這樣一個DIV模板，我該如何添加內容？

我希望這是明確的......

來源

2009-11-19 Nathan H

您可以創建一個輔助函數是這樣的：

$.messageDiv = function(message, style){ 
    var $div = $('<div>').addClass('message-div message-style-' + style); 
    var $message = $('<p>').appendTo($div); 

    $message.html(message); // Or use .text() if message contains no HTML or if should be escaped if it does contain HTML 
    return $div; 
}

，然後用它來郵件添加到頁面：

$('#content').prepend($.messageDiv('My Cool Message!', 'warning'));

它會創建並預先（在#content的頂部添加）此標記：

<div class="message-div message-style-warning"> 
    <p>Your text here</p> 
</div>

來源

2009-11-19 02:31:17

jQuery：附加一個內置html的模板框

回答

相關問題