名为vittore的用户帮助我完美地显示了ul的前5 li并更改了页面,并带有下一个prev按钮。问题也有一个输入字段,效果很好,它进入了输入的页码,但是没有提交,它就单击了下一个或上一个按钮。我试图用“提交”或“键按下”更改“模糊”,但不起作用。我想知道是否可以在按Enter或输入数字时转到页面编号
<button id="prev" >prev</button>
<input id="page" value="0" />
<button id="more" >next</button>
<script>
var pageSize = 5
, ul = $('#asd')
, pages = Math.floor(ul.find('li').length / pageSize)
, page = 0
, currentPage = function (i) {
return page*pageSize <= i && i < (page + 1) * pageSize
}
ul.on('pageChanged.pager', function( e ) {
ul.find('li').hide().filter(currentPage).show();
})
$('#prev').on('click.pager', function(e) {
page = Math.max(0, --page)
$('#page').val(page)
ul.trigger('pageChanged.pager')
})
$('#more').on('click.pager', function(e) {
page = Math.min(pages, ++page)
$('#page').val(page)
ul.trigger('pageChanged.pager')
})
$('#page').on('blur.pager', function(e) {
page = Math.max(0, Math.min(pages, +$(this).val()-1))
ul.trigger('pageChanged.pager')
})
ul.trigger('pageChanged.pager')
</script>
根据您的摆弄,您只需要将“模糊”更改为“更改”事件即可。
您应该更改此(模糊)事件:
$('#page').on('blur.pager', function(e) {
page = Math.max(0, Math.min(pages, +$(this).val()-1))
ul.trigger('pageChanged.pager')
})
对此事件(更改):
$('#page').on('change.pager', function(e) {
page = Math.max(0, Math.min(pages, +$(this).val()-1))
ul.trigger('pageChanged.pager')
})
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句