javascript - jquery에서 페이지 매김 플러그인 사용 정보
PHP中文网
PHP中文网 2017-05-16 13:05:56
0
1
510

thinkphp3.2.3과 jquery의 페이지 매김 플러그인을 사용하여 작은 기능을 디자인했습니다.
세부 디자인은 페이지에서 "확장"을 클릭하면 백그라운드에 있는 사용자 목록의 기록을 요청하여 페이지네이션을 통해 표시하는 것입니다. thinkphp에서 fetch 명령을 사용했기 때문에 별도의 페이징 페이지를 작성했습니다. 그러나 실제로 실행하면 페이지에 페이징 바가 있어도 모든 기록이 페이지에 표시되며 실제 페이징은 없습니다. 영웅들에게 이유가 무엇인지 물어봐도 될까요? 추가 질문: var newcxt = $('#result p:eq(+pi+)').clone(); +pi+는 무엇을 의미하나요? 코드는 다음과 같습니다.
메인 HTML 페이지:
<p">10개의 태그를 추가했습니다. -클릭하여 펼치기-</p>
<p id="taglist"> ; < ;/p>
<script type="text/javascript">

<코드> $(함수(){
        $('#showtaglist').click(함수(){
            $.포스트(
                    '{:U('동주오/loadlist')}',
                    function($data){$('#taglist').html($data);}
                   );
            거짓을 반환;
        });
    });

</스크립트>

가져오기에 의해 호출되는 HTML 페이지:
<p class="ppage"></p>
<p class="content">

<span class="spntip">데이터 로드 중...</span>

</p>

<p id="result">
    <volist name="users_list" id='vo'>
        <p class="xx_name">{$vo.user_name}</p>
    </volist>

<p class="ppage"></p>
<script type="text/javascript">
함수 initpagination()
{

var sumnum =$('#result p').length;
$(".ppage").pagination(sumnum,{num_edge_entries:10,callback:pscallback,items_per_page:10});

}
함수 pscallback(pi,jq)
{

var newcxt = $('#result p:eq(+pi+)').clone();
$('#content').empty().append(newcxt);
false를 반환;

}
$(function(){initpagination();});
</script>

php 컨트롤러 페이지:

공개 함수 loadlist(){
    if(IS_AJAX){
                $users_info = M('users_info');
                $count = $users_info->count();
                $users_list = $users_info->select();
                $this->할당('users_list',$users_list);
                $html = $this->fetch('fenye:show_tag_list');
                $this->ajaxReturn($html);
                }
            }
PHP中文网
PHP中文网

认证高级PHP讲师

모든 응답(1)
为情所困

위 플러그인보다 훨씬 사용하기 쉬운 Jpages 플러그인을 사용해서 해결되었습니다.

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿