jquery 前台数据分页

// JavaScript Document

$(document).ready(function(){

$('#page_break .num li:first').addClass('on')

$('#page_break .num li').click(function(){

//隐藏所有页内容

$("#page_break div[id^='page_']").hide()

//显示当前页内容。

if ($(this).hasClass('on')) {

$('#page_break #page_' + $(this).text()).show()

} else {

$('#page_break .num li').removeClass('on')

$(this).addClass('on')

$('#page_break #page_' + $(this).text()).fadeIn('normal')

}

})

})

先把查询出来的东西放入session对象，在当前页面读取出部分信息，为button按钮添加一个单击事件。查看详细信息也不一定非要在新页面，当前页面添加一个div，做成d出窗口的效果即可如$("#button1").click(function(){$("body").animate({$(this).append("<div style='background:#aaaposition:fixedleft:400pxtop:250pxwidth:400pxheight:300px'></div>")},500)

这个是一个思路而已，div里面也可以放上其他html标签。d窗效果有了，然后再把内容添加到这个div就行了，也可以用jquery的jquery ui插件里面的dialog方法d窗。

，要是在新页面的话设定好样式，重新读取session内容即可。

---