2013年4月17日 星期三

jQuery Tag + 分頁URL


用jQuery 做的Tag 分頁大都會遇到一個問題就是沒有特定的URL,分享頁面的時候只能看到首頁,而無法直接到特定的頁面


jquery:
$("#menu li").click(function(event){
event.preventDefault();
var url = $(this).children('a').attr('href');
tab=$(this).change('a').attr('title');
$('#page').load(url,function(){
//setTimeout(LoadCallback,700);


});
$('li').removeClass('current_page_item');
$(this).addClass('current_page_item');

})

我用了一些技巧讓某幾頁有特定的url. 請看以下範例

Html+PHP:

if(isset($_GET['target'])){

load_page($_GET['target'],4); //如果非index頁面

}else{

load_page('km_sys/view/sop.php?tab=SOP',0);
}
jquery:
function load_page(url,tag){



console.log(tag);

$(document).ready(function(e) {
$('#menu li').removeClass('current_page_item');
$('#menu li').eq(tag).addClass('current_page_item');
$('#page').load(url);
});

}

這樣一來改善了一些會遇到的問題~

完成後應該會變成這樣:

沒有留言:

張貼留言