我正在使用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>
有谁知道我怎么能隐藏装载的东西?谢谢