jquery顯示和隱藏分頁

Question

我有頁面顯示照片和視頻與分頁（每頁5個項目）我創建兩個按鈕（照片和視頻）分別顯示每個使用顯示和隱藏jquery功能，但問題是當我選擇視頻它的確定和顯示視頻，但是當我選擇下一個頁面就直接和顯示下的照片不是視頻：

<div id="photo"> 
    {if $mediaRows} 
    {include file="paging.tpl" paging=$mediaPaging} 
     <div id="mediaListContainer"> 
     {foreach $mediaArray as $media} 
     {include file='contributor.media.container.tpl'} 
    {/foreach} 
     </div> 
     {include file="paging.tpl" paging=$mediaPaging} 
    {else} 
     <p class="notice">{$lang.noMediaAlbum}</p> 
    {/if} 
</div> 
    <div id="video" hidden> 
     {if $mediaRowsV} 
     {include file="paging.tpl" paging=$mediaPagingV} 
      <div id="mediaListContainer"> 
     {foreach $mediaArrayV as $media} 
     {include file='contributor.media.container.tpl'} 
     {/foreach} 
     </div> 
     {include file="paging.tpl" paging=$mediaPaging} 
     {else} 
     <p class="notice">{$lang.noMediaAlbum}</p> 
     {/if} 
</div> 

我知道是發生了，因爲我把DIV視頻隱藏，但我這樣做，因爲我需要我的默認值（當用戶獲取頁面時）是照片。 我如何解決這個問題。任何想法？

Answer 1

我認爲這可能是你在找什麼，它的工作原理自舉（所以你可能需要包括文件和BS 1.11.4寫），但這裏是我寫了分頁類：

<?php 
class Paginator { 
    /** 
    * @var mysqli 
    */ 
    private $_conn; 
    private $_limit; 
    private $_page; 
    private $_query; 
    private $_total; 

    public function __construct($conn, $query) { 

     $this->_conn = $conn; 
     $this->_query = $query; 

     $rs= $this->_conn->query($this->_query); 
     $this->_total = $rs->num_rows; 

    } 

    public function get_data($limit = 10, $page = 1) { 

     $this->_limit = $limit; 
     $this->_page = $page; 

     if ($this->_limit == 'all') { 
      $query = $this->_query; 
     } else { 
      $query = $this->_query . " LIMIT " . (($this->_page - 1) * $this->_limit) . ", " . $this->_limit . ";"; 
     } 

     $rs = $this->_conn->query($query); 

     while ($row = mysqli_fetch_assoc($rs)) { 
      $results[] = $row; 
     } 

     $result = new stdClass(); 
     $result->page = $this->_page; 
     $result->limit = $this->_limit; 
     $result->total = $this->_total; 
     $result->data = $results; 

     return $result; 
    } 

    public function create_links($links, $list_class) { 
     if ($this->_limit == 'all') { 
      return ''; 
     } 

     $last = ceil($this->_total/$this->_limit); 

     $start = (($this->_page - $links) > 0) ? $this->_page - $links : 1; 
     $end = (($this->_page + $links) < $last) ? $this->_page + $links : $last; 

     $html = '<ul class="' . $list_class . '">'; 

     $class = ($this->_page == 1) ? "disabled" : ""; 
     if ($this->_page > 1) { 
      $html .= '<li class="' . $class . '"><a href="?page=pagelimit=' . $this->_limit . '&_page=' . ($this->_page - 1) . '">&laquo;</a></li>'; 
     } 

     if ($start > 1) { 
      $html .= '<li><a href="?page=page&limit=' . $this->_limit . '&_page=1">1</a></li>'; 
      $html .= '<li class="disabled"><span>...</span></li>'; 
     } 

     for ($i = $start ; $i <= $end; $i++) { 
      $class = ($this->_page == $i) ? "active" : ""; 
      $html .= '<li class="' . $class . '"><a href="?pagepage&limit=' . $this->_limit . '&_page=' . $i . '">' . $i . '</a></li>'; 
     } 

     if ($end < $last) { 
      $html .= '<li class="disabled"><span>...</span></li>'; 
      $html .= '<li><a href="?page=pagelimit=' . $this->_limit . '&_page=' . $last . '">' . $last . '</a></li>'; 
     } 

     $class = ($this->_page == $last) ? "disabled" : ""; 
     if ($this->_limit < $this->_total) { 
      $html .= '<li class="' . $class . '"><a href="?page=page&limit=' . $this->_limit . '&_page=' . ($this->_page + 1) . '">&raquo;</a></li>'; 
     } 

     $html .= '</ul>'; 

     return $html; 
    } 
} 
?> 

在create_links函數中，您可以用所需的任何東西來替換？page =頁面，它對我來說非常合適，並且希望它也適合您！