jquery show and hide with paging

Question

У меня есть страница с фотографиями и видео с пейджингом (5 элементов на каждой странице). Я создаю две кнопки (фотографии и видео), чтобы показывать каждый отдельно, используя функции show и hide 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

Я считаю, что это может быть то, что вы ищете, он работает с Bootstrap (так что вы, возможно, потребуется включить файлы и была написана для шс 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 = тем, что вам нужно, она отлично подходит для меня и надеется, что она тоже для вас!