jQuery隐藏/显示短延迟
jQuery隐藏/显示短延迟
提问于 2016-09-18 03:58:28
显示/隐藏jQuery脚本。当我隐藏div内容并重新加载页面时，我的内容会保持1秒或更长时间可见，在此“短暂延迟”之后，如果一切正常，我的div内容就会隐藏起来。
我该如何解决这个问题呢？
$(document).ready(function(){
jQuery('#animate_shoutboxTurnOn').hide();
jQuery('#animate_shoutbouxMarker').click(function () {
jQuery(this).hide();
jQuery('#shoutbox_category').fadeOut('fast');
jQuery('#animate_shoutboxTurnOn').show();
jQuery.cookie("openclose","closed", {expires: 365});
return false;
});
jQuery("#animate_shoutboxTurnOn").click(function () {
jQuery(this).hide();
jQuery('#shoutbox_category').fadeIn('fast');
jQuery('#animate_shoutbouxMarker').show();
jQuery.cookie("openclose","open", {expires: 365});
return false;
});
if(jQuery.cookie("openclose") == "closed") {
jQuery("#animate_shoutbouxMarker").hide();
jQuery("#animate_shoutboxTurnOn").show();
jQuery('#shoutbox_category').hide();
};
});回答 2
Stack Overflow用户
发布于 2016-09-18 04:14:59
在你的css中添加：
#animate_shoutboxTurnOn, #animate_shoutbouxMarker, #shoutbox_category{
display:none;
}然后将您的代码更改为：
$(document).ready(function(){
if(jQuery.cookie("openclose") == "closed") {
jQuery("#animate_shoutboxTurnOn").show();
jQuery("#animate_shoutbouxMarker").hide();
jQuery('#shoutbox_category').hide();
} else {
jQuery("#animate_shoutboxTurnOn").hide();
jQuery("#animate_shoutbouxMarker").show();
jQuery('#shoutbox_category').show();
};
jQuery('#animate_shoutbouxMarker').click(function () {
jQuery(this).hide();
jQuery('#shoutbox_category').fadeOut('fast');
jQuery('#animate_shoutboxTurnOn').show();
jQuery.cookie("openclose","closed", {expires: 365});
return false;
});
jQuery("#animate_shoutboxTurnOn").click(function () {
jQuery(this).hide();
jQuery('#shoutbox_category').fadeIn('fast');
jQuery('#animate_shoutbouxMarker').show();
jQuery.cookie("openclose","open", {expires: 365});
return false;
});
});Stack Overflow用户
发布于 2016-09-18 05:45:17
尝试替换
.hide(); 使用
.css('display','none');页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39551145
复制相关文章
相似问题
腾讯云开发者
