jQuery选项卡(如何隐藏加载MySQL表?)

时间:2014-03-11 22:37:54

标签: javascript php jquery

我正在使用jQuery来显示标签及其内容;它适用于文本,但需要时间来打印MySQL表格的结果(当我刷新网页时,当它加载时,它会显示每个标签的内容,然后再恢复正常)。

这是我放在头部区域的jQuery脚本:

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">
    jQuery( function($) {
        $('.tabs_up').each( function() {
            var container = $(this);
            container.find('> ul li a').click( function () {
                $(this).parent().addClass( 'selected-tab' ).siblings().removeClass( 'selected-tab' );
                container.find('.tab-panel').hide().filter(this.hash).show();
                return false;
            }).eq(0).click();
        });
    });
    </script>

以下HTML / PHP代码:

  <div id="tab-set-1" class="tabs_up">
<ul>
  <li><a href="#tab-1-a" title="">Musique</a></li>
  <li><a href="#tab-1-b" title="">Dramas</a></li>
</ul>
<div id="tab-1-a" class="tab-panel">
    <div class="largeur">
        <table class="liste tab_liste">
        <?php
        try
        {
            $bdd = new PDO('mysql:host=localhost;dbname=XXXXX', 'XXXXX', 'XXXXX', array (PDO::MYSQL_ATTR_INIT_COMMAND => 'SET NAMES \'UTF8\''));
        }
        catch(Exception $e)
        {
                die('Erreur : '.$e->getMessage());
        }
                $reponse = $bdd->query('SELECT artiste, artiste_s, titre, titre_s FROM musiques WHERE moderation ="0" ORDER BY c_date_upload DESC LIMIT 5');
                $age = '';
                while ($donnees = $reponse->fetch())
                {                   
                    echo '<tr><td width="400px"><a href="'.append_sid('http://XXXXXXXXXX.com/chanson.php?artiste='.$donnees['artiste_s'].'&id='.$donnees['titre_s'].'').'">'.htmlspecialchars($donnees['artiste']).' - '.htmlspecialchars($donnees['titre']).'</a></td></tr>';
                }
                $reponse->closeCursor();
        ?>          
        </table>
    </div>
</div>
<div id="tab-1-b" class="tab-panel">
    <div class="largeur">
        <table class="liste tab_liste">
        <?php
        try
        {
            $bdd = new PDO('mysql:host=localhost;dbname=XXXXX', 'XXXXX', 'XXXXX', array (PDO::MYSQL_ATTR_INIT_COMMAND => 'SET NAMES \'UTF8\''));
        }
        catch(Exception $e)
        {
                die('Erreur : '.$e->getMessage());
        }           
                $reponse = $bdd->query('SELECT drama_nom, drama_nom_s FROM dramas WHERE moderation ="0" ORDER BY c_date_upload DESC LIMIT 5');
                $age = '';
                while ($donnees = $reponse->fetch())
                {                   
                    echo '<tr><td width="400px"><a href="'.append_sid('http://XXXXXXXXXX.com/serie.php?id='.$donnees['drama_nom_s'].'').'">'.htmlspecialchars($donnees['drama_nom']).'</a></td></tr>';
                }
                $reponse->closeCursor();
        ?>          
        </table>
    </div>
</div>

有谁知道我怎么能隐藏装载的东西?谢谢

0 个答案:

没有答案