I have 3 tabs as follows:
>
<a href="#tab1" class="tab-link active button">Tab 1</a> <a href="#tab2" class="tab-link button">Tab 2</a> <a href="#tab3" class="tab-link button">Tab 3</a> </div>
and the following in Tab 1
> <div class="tabs-simple"> > <div class="tabs"> > <div id="tab1" class="tab active"> > <h3>Booking 1:</h3> > <ul class="responsive_table"> > <li class="table_row"> > <div class="table_section_14">Name</div> > <div class="table_section_14_a">Details</div> > <div class="table_section_14_b">Book</div> > </li>
I am using a simple pagination css for Tab 1 and everything is working fine. For pagination I am using the page GET variable in php:
if (!isset($_GET[‘page’])) {
$page = 1;
} else{
$page = $_GET[‘page’];
}
http://myurl.com/mobile/#!/booking works fine
But after using http://myurl.com/mobile/#!/booking?page=1 //WILl Not Work
Tabs 2 and 3 will not work. If i use swipable tabs tabs-swipeable-wrap, it will work. If i use tabs-simple it will not. I am confused on what is going wrong ??
Requesting help from experts.