我正在使用滑动的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;
});
});
答案 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');
});
});