【问题标题】:Jquery fadeIn Issue (Page Issue)Jquery fadeIn 问题(页面问题)
【发布时间】:2015-03-25 04:04:53
【问题描述】:

所以我想为我网站的主页创建一个简单的淡入淡出动画。然而,我在 Javascript 文件中使用的代码似乎不允许它淡入。我已经尝试了一切,所以我希望有人可以帮助我解决这个问题。

我已经链接了我自己的 Javascript 文件和 Jquery 文件。

这是我想在页面加载时淡入的 div。

<div id="flat6logo"> 
</div>

这里是 div 褪色的 Javascript 代码。

$(document).ready(function(){
    $("#flat6logo").hide().fadeIn('slow');
});

我希望有人可以帮助我解决这个问题,我知道这是我错过的一些愚蠢的事情。我已经尝试了所有方法来解决这个问题,包括使用 display:none 代码,它也不起作用。

【问题讨论】:

标签: jquery fadein


【解决方案1】:

hide 杀死了fadein

我认为这应该可以解决您的问题,fadein 应该在隐藏完成其任务时起作用

 $("#flat6logo").hide(function(){fadeIn('slow')});

【讨论】:

    【解决方案2】:

    你不能同时使用 hide 和 fadeIn。尝试使用它。

    $(function(){
        $('#flat6logo').hide('slow');
    })
    

    【讨论】:

    • OP 要求淡入和不淡出。
    • 什么?! api.jquery.com/hide/#hide-duration-complete 或查看文档页面上的示例。
    • 对于那些说它有效的cmets,我刚刚再次尝试,它仍然无效,有什么建议吗?我感觉它与实际的 HTML 文件或 Javascript 文件有关。
    • 另外,我还使用 作为不同 Javascript 文件的父级
    • 我错了 hide() 不接受参数。但是,此解决方案不会像原始代码那样显示元素。
    猜你喜欢
    • 1970-01-01
    • 2013-11-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多