利用Load載入資料應用

二、利用Load載入資料應用

範例結果

Step1:利用Load載入資料

//頁面啟動頁面顯示
$('#pageload').load('page/chap1.html');

//依 左側 【data-file】載入 頁面內容 至右側
$('#blockleft li li').click(function(){
	var $page = $(this).data('file');
//	console.log($page);
	$('#pageload').load('page/'+$page+'.html');
});

Step2:選單項目自動折疊

#blockleft ul ul{display: none;}

 

var $pageIO=-1;
$('#blockleft h3').click(function(){

	var $thisPageIndex = $(this).parent().index();
//		alert($thisPageIndex);

	if($pageIO != $thisPageIndex){
		$('#blockleft ul li ul').slideUp();
		$(this).next().slideDown();
		$pageIO = $thisPageIndex;
	}

	$('#pageload').load('page/'+$(this).parent().data('file')+'.html');

});