jQuery手风琴'stutters'加载,但后来表现得非常正常

时间:2011-07-08 14:54:25

标签: jquery accordion

我正在使用jQuery手风琴作为网站(site link)。第一个面板在加载时打开,当它出现时,它会断断续续一点,但在大多数情况下,它的表现非常正常。

这是<head>部分:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/accordion.css" />
<link rel="stylesheet" type="text/css" href="css/grid.css" />
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<script language="javascript" type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.msAccordion.js"></script>

<title>Accordion</title>

<script type="text/javascript">
 $(function() {
$(".image").click(function() {
var image = $(this).attr("rel");
$('#image').hide();
$('#image').fadeIn('slow');
$('#image').html('<img src="' + image + '"/>');
return false;
    });
});
</script>

</head>

另一个jQuery脚本用于简单的图库。

所以,问题是:如何防止这种情况发生?

1 个答案:

答案 0 :(得分:1)

我首先尝试这样,看看它是如何工作的。虽然我没有看到很多关于铬的口吃。

$(document).ready(function() {
   $(".image").click(function() {
      var image = $(this).attr("rel");
      $('#image').hide();
      $('#image').fadeIn('slow');
      $('#image').html('<img src="' + image + '"/>');
      return false;
    });
});