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

Question

我正在使用 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;
  });

});

Answer 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() 代码实际上不会运行，直到图像加载完成。

Answer 2

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

#menucategory {
   display:none;
}

Answer 3

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

Answer 4

先写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');
   });

});