jQuery.slideUp的问题

时间:2010-11-11 15:33:25

标签: javascript jquery

我遇到了Jquery的问题,它可以工作但是一旦完成就会闪烁:

例如:

http://www.zombiewrath.com/maintest.php

为什么这样做?

以下是代码:

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
</head>
<body>
<input type="button" onclick="test()">

<div id="tablemin">
<table bordercolor="#0000FF" width="670" border="1">
        <tr>
          <td class="style5" width="400" valign="top" style="width: 300px"><b><u>Personal Feed: </u></b><br>
          </td>
          <td class="style5" width="355" valign="top"><u><strong>Live Feed:</strong> </u><br>
              <div id="ReloadTime3" style="width: 350px">  
</div></td>
        </tr>
        <tr>
          <td class="style5" valign="top" colspan="3" style="width: 488px"><b><u>Local news for Zone B-4...</u></b></td></tr>
      </table>
<p>&nbsp;</p>
</div>
<script type="text/javascript">
$(document.body).click(function () {
    $('#tablemin').slideUp('slow');
});  
</script>
</body></html>

*注意,我正在使用IE 7,如果幻灯片的末尾没有为你闪烁,请说:) - 并发布哪个浏览器......

为什么它会在IE 7中闪烁= /

感谢。

3 个答案:

答案 0 :(得分:2)

有趣的是,最近遇到了同样的问题。这也发生在IE6中,每个其他浏览器都能正确处理它。

这不是一个真正的解决方案,但可能你可以使用animate吗?

$('#tablemin').animate({height: '0px'},1000);

确保你有溢出:隐藏在tablemin上。

答案 1 :(得分:1)

由于此行引起的javascript错误,它会闪烁

<input type="button" onclick="test()">

我没有看到test()函数

答案 2 :(得分:0)

这对我有用: How do you fix the flickering that occurs when you use slideToggle in jQuery?

显然您需要提供DOCTYPE。 : - /