jquery隐藏元素在页面加载时加载1秒

时间:2011-03-01 10:00:58

标签: jquery load

我正在使用滑动的jquery幻灯片,在加载时显示在页面上(大约1秒),然后隐藏。我根本不想要它显示,我该怎么做?

我正在使用此代码:

    $(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready
 // (a little sooner than page load)
  $('#menucategory').hide();
 // shows the slickbox on clicking the noted link
  $('img.menu_class').click(function() {
 $('#menucategory').show('slow');
 return false;
  });
 // hides the slickbox on clicking the noted link
  $('a#hidecategory').click(function() {
 $('#menucategory').hide('slow');
 return false;
  });

});

4 个答案:

答案 0 :(得分:1)

默认情况下,只需通过css隐藏#menucateogry:

#menucategory
{
    display:none;
}

然后您需要的是以下内容:

 $(document).ready(function() {

     $('img.menu_class').click(function() {
         $('#menucategory').show('slow');
         return false;
     });

     $('a#hidecategory').click(function() {
         $('#menucategory').hide('slow');
         return false;
  });
});
编辑:原因是,由于您正在执行$(document).ready(),因此在图像加载完成之前,您的hide()代码实际上不会运行。

答案 1 :(得分:0)

只有在DOM加载后,您的事件才会触发。最好用CSS隐藏它。将它放在页面顶部或样式表

#menucategory {
   display:none;
}

答案 2 :(得分:0)

尝试将css样式元素放在#menucategory display:none

答案 3 :(得分:0)

首先写css

#menucategory
{
display:none;
}

然后写下面的代码

jQuery(document).ready(function() {
    jQuery('img.menu_class').click(function() {
      jQuery('#menucategory').show('slow');
    });
    jQuery('a#hidecategory').click(function() {
      jQuery('#menucategory').hide('slow');
   });

});