0

jquery auto_refresh関数で発生している問題に関して、あなたの1人が正しい方向に向けてくれることを望んでいました-以下のコード->ええと、それは更新されますが、悲しいことに見苦しいです。Oo リフレッシュが発生すると、不自然に点滅します。明らかに、これを行うにはもっとスムーズな方法があるはずです...

<script>
var auto_refresh = setInterval(
function ()
{
$('#basic').load('resources_basic.php');
}, 1000);


$(function() {
$( "#draggable_res" ).draggable();
});
</script>

<div id="draggable_res" class="ui-widget-content">
<h5> Resources </h5>
  <div id="Accordion1" class="Accordion" tabindex="0">
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">Basic Resources</div>
      <div class="AccordionPanelContent">
         <div id="basic"><?php include 'resources_basic.php'; ?></div>
      </div>
    </div>

<table width="160" border="2" cellspacing="2" cellpadding="2">
          <tr>
            <td width="30"><img src="images/product/gold.gif" width="30" height="30" alt="Gold" /></td>
            <td width="110"><?php echo $row_resourcesbasic_rs['gold']; ?></td>
          </tr>
          <tr>
            <td width="30"><img src="images/product/wood.gif" width="30" height="30" alt="Wood" /></td>
            <td width="110"><?php echo $row_resourcesbasic_rs['wood']; ?></td>
          </tr>
          <tr>
            <td width="30"><img src="images/product/clay.gif" width="30" height="30" alt="Clay" /></td>
            <td width="110"><?php echo $row_resourcesbasic_rs['clay']; ?></td>
          </tr>
          <tr>
            <td width="30"><img src="images/product/stone.gif" width="30" height="30" alt="Stone" /></td>
            <td width="110"><?php echo $row_resourcesbasic_rs['stone']; ?></td>
          </tr>
        </table>

前もって感謝します ：）

4

3 に答える 3

0

動的データを追加するコンテナの初期サイズを設定する必要があるようです。そうしないと、ロードして点滅するたびにサイズが変更されます。初期サイズは、CSS を介して最適に設定できます。

#basic {
width: 100px;
height:100px;
background-color: #cccccc;
}
于 2013-04-24T17:56:24.827 に答える
0

フェード機能を連鎖させて、よりスムーズな遷移を実現できます。

var auto_refresh = setInterval(function (){
     $('#basic').fadeOut(500).load('resources_basic.php').fadeIn('fast');
}, 1000);
于 2013-04-24T17:59:59.600 に答える
0

いくつかの退色？これにより、リフレッシュがスムーズになります

$('#basic').fadeOut('fast');

$('#basic').load('resources_basic.php',function(){
   $('#basic').fadeIn('fast'); 
});
于 2013-04-24T17:52:33.990 に答える