Javascript 如何在引导选项卡上维护分页?

Javascript 如何在引导选项卡上维护分页?,javascript,html,twitter-bootstrap,laravel,tabs,Javascript,Html,Twitter Bootstrap,Laravel,Tabs,我的索引中有4个选项卡。每个都包含一个表,其中包含有关我的数据库中产品的详细信息。我在表下面添加了分页,但是当我尝试使用选项卡分页时,它总是在第一个选项卡中返回。我试着使用拉威尔的附属物,但我仍然有同样的问题 我的列表选项卡 <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"> <a href="#home" aria-controls

我的索引中有4个选项卡。每个都包含一个表,其中包含有关我的数据库中产品的详细信息。我在表下面添加了分页,但是当我尝试使用选项卡分页时,它总是在第一个选项卡中返回。我试着使用拉威尔的附属物,但我仍然有同样的问题

我的列表选项卡

<ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active">
        <a href="#home" aria-controls="home" role="tab" data-toggle="tab"><i class="glyphicon glyphicon-shopping-cart"></i> Loja</a>
    </li>
    <li role="presentation">
        <a href="#mlb" aria-controls="mlb" role="tab" data-toggle="tab">Mercado Livre</a>
    </li>
    <li role="presentation">
        <a href="#cnova" aria-controls="cnova" role="tab" data-toggle="tab">CNova</a>
    </li>
    <li role="presentation">
        <a href="#b2w" aria-controls="b2w" role="tab" data-toggle="tab">B2W</a>
    </li>
    <li role="presentation">
        <a href="#walmart" aria-controls="walmart" role="tab" data-toggle="tab">Wal-Mart</a>
    </li>
</ul>
选项卡内容 (我刚刚放置了我当前使用的选项卡)


@包括('管理产品表')
@包括('管理产品mlb')
有什么建议吗?
我已经看过一些与此相关的文章,但仍然有一些困难。

其中一种方法是向分页对象添加查询字符串,如

$users->appends(['page' => 'home'])->links();
在您的视图中,交叉检查该查询字符串

<li role="presentation" @if (Request::query('page') === null || Request::query('page') == 'home') class="active" @endif>
    <a href="#home" aria-controls="home" role="tab" data-toggle="tab"><i class="glyphicon glyphicon-shopping-cart"></i> Loja</a>
</li>

<div role="tabpanel" class="tab-pane @if (Request::query('page') === null || Request::query('page') == 'home') active @endif" id="home">
    <div id="product-table">
        @include('admin.product-table')
    </div>
</div>
  • @包括('管理产品表')
    试试这种方法。可能会有帮助
    <li role="presentation" @if (Request::query('page') === null || Request::query('page') == 'home') class="active" @endif>
        <a href="#home" aria-controls="home" role="tab" data-toggle="tab"><i class="glyphicon glyphicon-shopping-cart"></i> Loja</a>
    </li>
    
    <div role="tabpanel" class="tab-pane @if (Request::query('page') === null || Request::query('page') == 'home') active @endif" id="home">
        <div id="product-table">
            @include('admin.product-table')
        </div>
    </div>