-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

あなたの質問を理解したので、2セントをあげましょう。

ntychromeページはテーブルで構築されています。「solo」と呼ばれるカスタムjqueryアプリは、ウィンドウのサイズを検出し、ウィンドウのサイズに基づいて<tr>との数を更新します。<td>

たとえば、ウィンドウ幅が小さい場合は、jQueryを使用してテーブルが再作成され、'sのみが表示されます。ウィンドウの高さが2行を表示するのに十分な高さの場合、テーブルは再フォーマットされ、追加のストーリーで埋められます（ページにコンテンツを表示し、必要に応じてストーリーを表示および非表示にするのにほとんど費用がかかりませんが、aJaxを想定しています）。

于 2010-12-22T16:59:45.057 に答える