2013-06-28 2 views
0

У меня есть страница, состоящая из трех вкладок с метками. Щелчок по метке открывает каждую вкладку (путем отображения/скрытия div). Каждая вкладка содержит данные MySQL, со стрелками внизу каждой вкладки, чтобы перейти на следующую «страницу» данных.Отображать правильную вкладку при прокрутке данных MySQL

Моя проблема, когда вы нажимаете стрелку, страница действительно переходит к следующей странице данных, но вкладка по умолчанию (tab1) становится видимой, а две другие скрыты, поэтому, если вы на второй вкладке, нажмите следующую стрелку, вы вернетесь к tab1 и нажмете на tab3, чтобы увидеть данные.

Link to site here

Скрипт для изменения видимости вкладок здесь:

<script type="text/javascript"> 
$(document).ready(function() { 
    $("div.tab-headers>a").click(function() { 
     // Grab the href of the header 
     var _href = $(this).attr("href"); 

     // Remove the first character (i.e. the "#") 
     _href = _href.substring(1); 

     // show this tab 
     tabify(_href); 
    }); 
    tabify(); 
}); 

function tabify(_tab) { 
    // Hide all the tabs 
    $(".tab").hide(); 

    // If valid show tab, otherwise show the first one 
    if (_tab) { 
     $(".tab a[name=" + _tab + "]").parent().show(); 
    } else { 
     $(".tab").first().show(); 
    } 
} 

// On page load... 
$(document).ready(function() { 
    // Show our "default" tab. 
    // You may wish to grab the current hash value from the URL and display the appropriate one 
    tabify(); 
}); 
</script> 

и код TAB2 является:

<div class="tab"> 
<a name="tab2"></a> 
<img src="images/glossary_shiptype.png" width="1643" height="952" /> 

    <div class="glossary_body"> 
    <table width="740" border="0"> 
    <?php do { ?> 
     <tr> 
     <td><?php echo $row_ship_type['term']; ?>:</td> 
     <td><?php echo $row_ship_type['definition']; ?></td> 
     </tr> 
     <?php } while ($row_ship_type = mysql_fetch_assoc($ship_type)); ?> 
    </table> 
    </div> 

    <div class="glossary_arrow_back"> 
    <?php if ($pageNum_ship_type > 0) { // Show if not first page ?> 
      <a href="<?php printf("%s?pageNum_ship_type=%d%s", $currentPage, max(0, $pageNum_ship_type - 1), $queryString_ship_type); ?>"><img src="images/arrow_left.png" /></a> 
      <?php } // Show if not first page ?> 
    </div> 

    <div class="glossary_arrow_forward"> 
    <?php if ($pageNum_ship_type < $totalPages_ship_type) { // Show if not last page ?> 
      <a href="<?php printf("%s?pageNum_ship_type=%d%s", $currentPage, min($totalPages_ship_type, $pageNum_ship_type + 1), $queryString_ship_type); ?>"><img src="images/arrow_right.png" /></a> 
      <?php } // Show if not last page ?> 
    </div> 
</div> 

ответ

0

привет вы должны пройти вкладку идентификатор в В параметре # tab1 или # tab2 или # tab3, и если вы получите # tab2 в строке запроса и переместитесь на # tab3, вы должны удалить # tab2

+0

жаль, что я немного потерял этот ответ со всеми вкладками, вы можете выделить области кода, который мне нужно внести. THBN – user2406993

+0

+0

добавлены две вещи% s и $ tab_id –