Jquery 分页取决于视口大小?

发布于 2024-12-11 18:41:55 字数 88 浏览 3 评论 0原文

jquery 分页是否可以根据视口的大小来限制每页结果的数量?

如果他们要使用单页应用程序,其中页面上的所有元素都需要适合视口,则可能需要这样做。

Is it possible to have jquery pagination that limits the amount of results per page depending on what size the viewport is?

One might require this if they were going for a one page app where all of the elements on the page were required to fit in the viewport..

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

不念旧人 2024-12-18 18:41:55

鉴于您知道每个结果的高度是多少,以下代码应该为您指明正确的方向:

var paginationHeight = ...
var windowHeight = $(window).height();
var numberOfResults = windowHeight / paginationHeight;

Given that you know what the height of each result is, the following code should point you in the right direction:

var paginationHeight = ...
var windowHeight = $(window).height();
var numberOfResults = windowHeight / paginationHeight;
半山落雨半山空 2024-12-18 18:41:55

我不确定是否有一个 jQuery 插件可以实现这一点。但是-您可以根据表格高度和表格大小来计算可以显示的页数。行高。这可以用于分页。

I am not sure if there is a jQuery plugin for this. But- You could calculate the number of pages that can be displayed based on the table height & the row height. This can be used for the pagination instead.

念﹏祤嫣 2024-12-18 18:41:55

当然,尝试在此页面上搜索常见内容并调整浏览器高度、分页页面的大小随着每页搜索结果的减少,将呈指数级增长,这一切都是通过 jQuery 完成的。

Sure, try searching for something common on this page and resize the browsers height, the pagination pages will increase exponentially as the search results per page decrease, all done with jQuery.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文