jQuery :`content`를 새로 고치지 않고 브라우저 화면 크기에 따라`실시간 페이저 '를 만드는 방법은 무엇입니까?

Question

jQuery : 없이 브라우저 화면 크기에 따라 real-time pager을 만드는 방법은? 그것을 위해

예 당신이 날 2cents을 줄 수 있도록, 당신의 질문을 이해 이제 http://jsfiddle.net/laukstein/qjGrV/

#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

에 http://www.nytimes.com/chrome/

HTML과 CSS를 볼 수 있습니다.

n 크롬 페이지는 표로 제작됩니다. "solo"라는 사용자 정의 jquery 응용 프로그램은 윈도우 크기를 감지하고 윈도우 크기에 따라 <tr> 및 <td>의 수를 새로 고칩니다.

예를 들어, 창 너비가 작은 경우 jQuery를 사용하여 테이블을 다시 생성하므로 테이블 만 표시됩니다. 창 높이가 2 열을 표시 할 수있을만큼 키가 크면 표가 다시 포맷되고 여분의 스토리로 채워집니다 (페이지에 내용을 표시하고 필요에 따라 스토리를 숨기려면 비용이 거의 들지 않지만 AJax로 가정 함).