я использую вкладки jquery и пытаюсь получить разбиение на страницы в каждом из них, все работает отлично, но если я нажму, чтобы перейти на следующую страницу, скажем, на второй вкладке, это все хорошо, но переносит меня на первую вкладку, поэтому вам нужно нажать на вторую вкладку, чтобы просмотреть новый контент. Мой вопрос заключается в том, как я могу сделать так, чтобы, когда пользователь нажимает на следующую страницу в разбивке на страницы, содержимое обновляется, но та же вкладка остается открытой.
Мой план по включению этого в мой текущий код – использовать url mail.php?page=2&tid=2
Если страница = 2 является ссылкой для страницы, которая работает отлично, но я хочу, чтобы tid (идентификатор табуляции) сделал это так, чтобы эта вкладка была открытой.
Вот javascript для вкладок, которые вы могли бы распознать.
$(document).ready(function() { //Default Action $(".tab_content").hide(); //Hide all content $("ul.tabs li:first").addClass("active").show(); //Activate first tab $(".tab_content:first").show(); //Show first tab content //On Click Event $("ul.tabs li").click(function() { $("ul.tabs li").removeClass("active"); //Remove any "active" class $(this).addClass("active"); //Add "active" class to selected tab $(".tab_content").hide(); //Hide all tab content var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content $(activeTab).fadeIn(); //Fade in the active content return false; }); });
И html для вкладок (пришлось прокомментировать списки)
//<div id="tabsX"> <div id="tabContent"> <ul class="tabs"> // <!--<li><a id="all" href="#all" class="all">All</a></li>--> // <li><a href="#inbox" class="inbox"></a></li> // <li><a href="#outbox" class="outbox"></a></li> // <li><a href="#compose" class="compose"></a></li> //<li><a href="#trash" class="trash"></a></li> // // </ul>
И html для содержимого вкладки (только показывая один как пример без содержимого, так как будет слишком много, чтобы показать)
<div id="inbox" class="tab_content"> <div id="inbox_header" style="display:table-cell; vertical-align:middle"> <!---content---> </div><!---end inbox_content---> </div><!---end inbox--->
Я бы очень признателен за любую помощь, поскольку я не могу найти никаких решений для себя