以編程方式創建的Jquery-UI的格式內容Accordion

我的應用程序從數據庫中繪製的數據編程式地創建了一個手風琴（在另一個手風琴內）。我的問題是我如何格式化所述數據，添加段落等。在文本中的HTML：字段即使在作爲變量添加時也是按字面打印的。以編程方式創建的Jquery-UI的格式內容Accordion

$('#accordion2').append($('<h3>', { 
    id: name, 
    text: clientAddress, 
    activate: function() { 
     gev.trigger(marker, 'click'); 
    }, 
    mouseover: function() { 
     gev.trigger(marker, 'click'); 
    }, 
    mouseout: function() { 
     gev.trigger(marker, 'mouseout'); 
    }, 
})); 

$('#accordion2').append($('<div>', { 
    text: "Client Name: " + clientName + " Job Number: " + jobNo + " Property Type: " + propType 
})).accordion('destroy').accordion({ 
    collapsible: true, 
    heightStyle: "content" 
});

在此先感謝您的任何幫助，如果您對代碼有任何疑問，只需詢問。

Swires。

來源

2013-02-01 Swires

您正在使用不正確的追加。嘗試這個。

$('#accordion2').append("<div> Client Name: " + clientName + "<br/> Job Number: " + jobNo + " <br/>Property Type: " + propType + " </div>"}))

代碼被添加的每個項目之間br標籤列表，但很明顯，你可以添加任何標記。

來源

2013-02-01 10:32:57

非常好，謝謝你的快速和簡潔的答案。 JQuery（以及一般的前端工作）相當新穎，很高興有支持。 – Swires

沒問題。熟悉文檔（http://api.jquery.com/）通常非常好。我的另一個小竅門是與鉻檢查員和控制檯握手。一旦你得到了調試javascript的問題，大多數問題要容易解決。 –

以編程方式創建的Jquery-UI的格式內容Accordion

回答

相關問題