-1

jQuery:如何real-time pager根据浏览器屏幕大小制作而不content刷新?

您可以在http://www.nytimes.com/chrome/中看到它的示例 替代文字

http://jsfiddle.net/laukstein/qjGrV/中的 HTML 和 CSS

#content{
    display:block;
    width:100%;
    height:40%;
    min-height:205px;
    max-height:408px;
    overflow:hidden;
}
li{
    width:100px;
    height:100px;
    margin:1px;
    float:left;
    background:#ccc;
}
...
<ul id="content">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    ...
</ul>
<div id="pager"><!--here lets show 1,2,3,4 etc. depending on screen size--></div>
4

1 回答 1

2

现在我明白了你的问题,让我给 2cents。

nty chrome 页面是用表格构建的。他们名为“solo”的自定义 jquery 应用程序会检测窗口的大小,并根据窗口的大小刷新 和 的<tr>数量<td>

例如,如果窗口宽度很小,则使用 jQuery 重新创建表格,以便只显示 's。如果窗口高度足够高以显示两行,则表格将重新格式化并填充额外的故事(我假设使用 aJax,尽管在页面上显示内容并根据需要显示和隐藏故事的成本很低)。

于 2010-12-22T16:59:45.057 回答