jquery - jQuery：如何根据浏览器屏幕大小制作“实时寻呼机”而不刷新“内容”？

Question

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>

Answer 1

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

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

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