2015年8月23日 星期日

動態載入頁面

如何保留導覽列又可以將內容切換至其他頁面?介紹可以使用JQuery的load()來達成。


假設想讓原先頁面裡的div區塊(id="page_classroom")取代成另一個classroom.html裡相同id的區塊,使用的語法如下:
$("#page_classroom").load("html/classroom.html #page_classroom > *");

如果想搭配對應的js檔,可以再加上getScript()來達成:
$("#page_classroom").load("html/classroom.html #page_classroom > *", function(){
$.getScript("js/classroom.js")});

沒有留言:

張貼留言