Question

在第一个选项卡中，我选择了一些程序包并将其插入DB。当我单击第二个选项卡时，我从数据库中获取数据，这也取决于第一个选项卡的选择。假设我从第一个选项卡中选择了一个程序包，并且在该程序包中第二个选项卡程序包中未显示哪些通道。当我刷新页面并转到第二个选项卡时，它向我显示了我想要的完美结果，但是在从第一个选项卡中选择软件包之后单击第二个选项卡后并没有立即显示。我的网站网址http://myechoproject.com/GTPL/index.php

我正在使用引导程序选项卡内容在单击选项卡时显示内容。我试图在内容div中的单击选项卡上加载.php页面，但是它不起作用。我也试过了

<ul class="nav nav-tabs ">
    <li class="active">
        <a href="#tab_default_1" data-toggle="tab">
        <span>1</span> GTPL-KCBPL Bouquet </a>
    </li>
    <li>
        <a href="#tab_default_2" data-toggle="tab">
        <span>2</span> Broadcast Bouquet  </a>
    </li>
    <li>
        <a href="#tab_default_3" data-toggle="tab" class="peloader" id="btReload">
        <span>3</span> Alacarte </a>
    </li>
    <li>
        <a href="checkout.php?sid=<?php echo $s_id;?>" class="btn btn-primary 
select-btn" data-toggle="modal" data-target="#checkout"> Checkout </a>
    </li>
</ul>
<script>
    $('#btReload').click(function () { 
        $( "#tab_default_3" ).load(window.location.href + " #tab_default_3" );
    }); 
</script>

这是我的代码

<ul class="nav nav-tabs ">
    <li class="active">
        <a href="#tab_default_1" data-toggle="tab">
        <span>1</span> GTPL-KCBPL Bouquet </a>
    </li>
    <li>
        <a href="#tab_default_2" data-toggle="tab">
        <span>2</span> Broadcast Bouquet  </a>
    </li>
    <li>
        <a href="#tab_default_3" data-toggle="tab" class="peloader" 
id="btReload">
        <span>3</span> Alacarte </a>
    </li>
    <li>
        <a href="checkout.php?sid=<?php echo $s_id;?>" class="btn btn-primary select-btn" data-toggle="modal" data-target="#checkout"> Checkout </a>
    </li>
</ul>

<div class="tab-pane active" id="tab_default_1">
    // some php code
</div>
<div id="tab_default_2">
    // some php code
</div>
<div id="tab_default_3">
    // some php code
</div>

我只想单击所有以前选择的数据的选项卡上的div中刷新内容

单击时刷新与选项卡相关的特定div

0 个答案: