如何在json文件中添加HTML內容

Question

我有一個json文件，從中獲取HTML內容並在瀏覽器上顯示

"content": "Hello World <h1 class=\"page-title\">H1 Heading HTML tag</h1> <p>Para Tag</p>",

這在HTML內容很小時有效。

我應該如何處理大型HTML內容塊，如滑塊或手風琴。 是否可以調用文件而不是內容。

謝謝

Answer 1

嘗試使用html ， .load()

HTML

// e.g., "/path/to/html/"
<div id="first">Hello World 1 <h1 class="page-title">H1 Heading HTML tag</h1> <p>Para Tag</p></div>
<div class="second">Hello World 2 <h1 class="page-title">H1 Heading HTML tag</h1> <p>Para Tag</p></div>
<img src="image-1">
<img src="image-2">

JS

$("#container1").load("/path/to/html/ #first");
$("#container2").load("/path/to/html/ .second");
$("#container3").load("/path/to/html/ [src=image-1]");
$("#container4").load("/path/to/html/ img:eq(1)");

Answer 2

是的你可以。 像下面的代碼一樣加載div內容。

$.get('json.JSON',function(result){
   //You will get the JSON data in result
   $("#container").html(result.content);            
});