为了锻炼jQuery,决定做动手页面。

最终结果如下:

点击一封信后,信的所有内容都显示在下面。

分页显示每页15字,每20组网页,1-20 / 20-40 ~ ~ ~ ~



第一个是PHP文件中分页寻呼机的相关代码。
复制代码代码如下所示:
公共功能searchwordsbyinitial()
{
从ajax页面获得的参数:用户单击这些字母并单击
初始= htmlentities(美元美元_post { 'initial},ent_quotes,UTF-8);
$页= htmlentities($ _post {页},ent_quotes,UTF-8);
合的话=美元-> _createwordobj();

$ i = 0;显示从1开始的序列号
perpagenum美元= 12; / /每页显示数12
currentpagefirst美元=($ page-1)* $ perpagenum + 1;
currentpagelast美元=美元* $ perpagenum页;

要获得的记录总数。
sumnum = 0美元;
foreach(合字{初始}美元美元美元关键= >字){
sumnum美元+ +;
}

获取页面的总页数
pagenums = 0美元;
如果($ sumnum){
如果(sumnum美元美元perpagenum){ $ pagenums = 1;} / /如果总数据量小于PageSize美元,那么只有一页
如果($ sumnum % $ perpagenum){ / /从余数除以页码总数据量
pagenums美元=(int)(sumnum美元/美元perpagenum)+ 1; / /如果余数等于除以数据页每页结果加上舍入数总金额
其他{ }
pagenums美元=美元sumnum / / / perpagenum美元;如果没有余数,等于除以数据页每页结果数总金额
}
}
别的{
pagenums = 0美元;
}


寻呼机显示

echo $这-> init_searchwordsbyinitial_pager(sumnum美元,pagenums美元,$页);


tab_str美元。=<表......下面是页面…的具体内容
返回的tab_str;
}

复制代码代码如下所示:
公共功能init_searchwordsbyinitial_pager(sumnum美元,pagenums美元,$页)
{
根据用户 / /点击数,得到当前页面组主页的代码,如38用户点击,所以这是一组21-40,网页代码是21
current_first_page美元=地板((($ page-1) / 20)* 20 + 1;

tab_str美元= ;

对于($ = 0;$ k = 19;k + +)
{
J = $ K + current_first_page美元;
tab_str美元。= 。$ J.;
}

tab_str美元。=总sumnum美元。说,pagenums美元。页;
返回的tab_str;
}

init.js相关的jQuery代码响应用户操作
复制代码代码如下所示:
/ /初始化寻呼寻呼

无功pagenums; / /总页数
无功sumnums; / /总记录数

功能init_searchwordsbyinitial_pager(){

pagenums = $(# pagenums)。Html(); / / JS从HTML页面
sumnums = $(# sumnums )Html();
如果(pagenums = = 1) / /如果只有一页,隐藏的传呼机
{
$(# searchwordsbyinitial_pager)。Html();
}
让数字默认值是1,默认显示是第一页;
如果(page_initial = = undefined){ page_initial = 1;}

当页面太多时,我们只显示一组20页,返回下一个按钮,单击可以显示在20页后面;同样,最后一个按钮可以在前面显示20个按钮。
$(# searchwordsbyinitial_pager UL按钮:情商(19))。后(下);
$(# searchwordsbyinitial_pager UL按钮:情商(0)),(上);

/ /如果少于21页最后一组,然后隐藏最后一页的背后,包括下一步按钮pagenums<21 } {
如果用户单击该页是最后一个20页,则它可能隐藏在最后一页之后,包括下一个按钮{偏移量< 20 }
(由于单击将触发初始化函数初始化函数,实际上只能调用绑定,可以单击事件,不与Ajax操作绑定在一起)。


无功补偿;
偏移量=(math.ceil(pagenums / 20)* 20)- parseInt(page_initial);

如果(pagenums<21 | |偏移量<20)
{

$(# searchwordsbyinitial_pager UL按钮)。Slice((pagenums % 20)+ 1)隐藏();

}
如果正好是20页,根据一段代码,偏移量=19=20将隐藏整个寻呼机;需要显示它。
如果(search_pagenums = = 20)
{
$(# searchwords_pager UL按钮。not_more_btn )显示();
}

第一个页面如果当前组为1,则隐藏最后一个按钮;否则,最后一个按钮允许用户单击转到组。
如果($(# searchwordsbyinitial_pager UL按钮。not_more_btn)。情商(0)。Html()= = 1)
{
$(# searchwordsbyinitial_pager UL按钮:情商(0))藏();
}
其他的
{
$(# searchwordsbyinitial_pager UL按钮:情商(0)),表明();
}
}

单击Next按钮。
$(# more_forward)。活(单击

只要后面有一个页面,就有最后一个按钮。
$(# searchwordsbyinitial_pager UL按钮:情商(0)),表明();

/ /让每一页从20开始,如1-20 21-40
对于(i = 0;i < 20;i + +){
$(# searchwordsbyinitial_pager UL按钮。not_more_btn)。Eq(我)。Html(parseInt($ # searchwordsbyinitial_pager UL按钮。not_more_btn)。Eq(按钮。not_more_btn)(())())。

隐藏在最后一页按钮后面
如果($(# searchwordsbyinitial_pager UL按钮。not_more_btn)。Eq(我),Html()= = pagenums)
{
$(# searchwordsbyinitial_pager UL按钮)。片(I + 2)隐藏();
}


}

})


单击最后一个按钮。
$(# more_backword)。活(单击

首先让我们显示 20个按钮。
$(# searchwordsbyinitial_pager UL按钮),表明();
对于(i = 0;i < 20;i + +){
$(# searchwordsbyinitial_pager UL按钮。not_more_btn)。Eq(我)。Html(parseInt($ # searchwordsbyinitial_pager UL按钮。not_more_btn)。Eq(按钮。not_more_btn)(())())。

}

判断是否隐藏最后一个按钮
如果($(# searchwordsbyinitial_pager UL按钮。not_more_btn)。情商(0)。Html()= = 1)
{
$(# searchwordsbyinitial_pager UL按钮:情商(0))藏();
}
其他的
{
$(# searchwordsbyinitial_pager UL按钮:情商(0)),表明();
}

})




用于让用户单击该字母
$(初始按钮列表按钮)。
清除所有字母A-Z / /活动课的按钮,点击按钮来设置文字活跃在这里;不使用attr and.removeattr;
$(。初始按钮列表按钮)。RemoveClass(主动);
$(这)。AddClass(主动);


单击这些字母并获取当前页码。
initial_value = $(this)Html();
page_initial = 1;

/ /一起被发送的行动= list_by_initialinitial = opage_initial = 3参数
btndata =行动= list_by_initial+初始=+ +initial_value页=+ page_initial;
$ ajax({
类型:邮政
网址:processfile,
数据:btndata,
成功:函数(数据){
$(# word_table_by_initials )显示();
$(# word_table_by_initials)。Html();
$(# word_table_by_initials )Html(数据);
init_searchwordsbyinitial_pager();

},
错误:函数(MSG)
{
警报(MSG);
}
});
});



获取用户点击(页面删除/点击更多按钮)
$(# searchwordsbyinitial_pager按钮。not_more_btn)。活(单击
活动课 / /删除所有页面,在活动页面点击数和设置;不使用attr and.removeattr;
$(# searchwordsbyinitial_pager按钮)。RemoveClass(主动);
$(这)。AddClass(主动);

单击页面获取当前
page_initial = $(this)Html();

/ /一起被发送的行动= list_by_initialinitial = opage_initial = 3参数
btndata =行动= list_by_initial+初始=+ +initial_value页=+ page_initial;
$ ajax({
类型:邮政
网址:processfile,
数据:btndata,
成功:函数(数据){
$(# word_list_by_initials )藏();
$(# word_table_by_initials)。Html();
$(# word_table_by_initials )Html(数据);
init_searchwordsbyinitial_pager();

},
错误:函数(MSG)
{
警报(MSG);
}
});
});
});

注意事项:

1,$(div按钮。not_more_bt ),有了前两个选择器之间的空间,而后两不;因为最后一个是类选择器,直接下面的按钮。

2,HTML())瓦迩()())文本()之间的区别。

3:EQ(索引),LT(index);gt(index)中的索引从0开始,不能是变量,必须是一个数字。

如果您需要使用动态索引,您可以使用它
复制代码代码如下所示:
情商(一)

4,var a = 20;

var b=10;

VaR C;

C = A + B;

结果不是30!号码是2020。

正确的写作方式是C = parseInt()+ _parseint(B);

减法很好,但最好改变它。

PHP的功能是intval();


5,在编写代码之前,必须计划最好的解决方案,否则再做起来就更困难了。

6,js代码和html加载的逻辑顺序