JQuery：以允许 .fadeIn() 工作的方式隐藏启动对象

发布于 2024-09-24 06:40:10 字数 328 浏览 4 评论 0原文

我有一个想要开始时隐藏的对象。我尝试一次使用其中的每一种风格。我把它们放在一个类中，而不是作为内联样式。

display:none;

现在

opacity:0;filter:alpha(opacity=0);

，这些都显然有效，对象加载隐藏。问题是，当我使用这些时，JQuery .fadeIn() 函数不起作用。事实上，当我将不透明度设置为 0.5 (50) 时，淡入仅淡入为 0.5 (50)。

那么我可以将对象默认为什么来允许 .fadeIn() 函数工作呢？

谢谢！

原文

I have an object that I want to start as hidden. I have tried to use each one of these styles one at a time. I have them in a class, not as inline styles.

display:none;

and

opacity:0;filter:alpha(opacity=0);

Now, these both worked obviously, the objects load hidden. The issue is that when I use these, the JQuery .fadeIn() function doesn't work. In fact, when I set the opacity to .5 (50), the fade in only fades in to .5 (50).

So what can I default the object to that will allow the .fadeIn() function to work?

Thanks!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

屋顶上的小猫咪 2024-10-01 06:40:10

的代码

使用工作版本HTML

<html>
    <body>
        <p>test</p>
    </body>
</html>

jQuery

$(document).ready(function() {
 $('p').fadeTo('slow', 1, function() {
      // Animation complete.
    });
});

CSS

p {
    display:none;
    opacity:0.0;
    filter:alpha(opacity=0);
}

Live 演示

http://jsfiddle.net/2p2v4/

Code with working version

HTML

<html>
    <body>
        <p>test</p>
    </body>
</html>

jQuery

$(document).ready(function() {
 $('p').fadeTo('slow', 1, function() {
      // Animation complete.
    });
});

CSS

p {
    display:none;
    opacity:0.0;
    filter:alpha(opacity=0);
}

Live demo

http://jsfiddle.net/2p2v4/

回复收藏 0 原文

遗忘曾经 2024-10-01 06:40:10

您可以使用下面编写的代码，或者只是在页面底部添加您的代码

.fadeInOnLoad
{
  display:none;
}

      <div class="fadeInOnLoad">iam visible after page is loaded</div>

      jQuery(function(){
           // your fade in code, call it after dom is ready
            jQuery('.fadeInOnLoad').fadeIn();
        });

我认为您的问题是

您正在调用淡入之前
dom 元素是在浏览器中创建的，
中创建的，或者使用 jQuery 、 Visual Studio 版本创建的，我记得有一些
Visual Studio 版本中 jQuery 的不透明度问题或使用 jQuery、Visual Studio 版本中的错误

you may use below written or just add your code at the bottom of page

.fadeInOnLoad
{
  display:none;
}

      <div class="fadeInOnLoad">iam visible after page is loaded</div>

      jQuery(function(){
           // your fade in code, call it after dom is ready
            jQuery('.fadeInOnLoad').fadeIn();
        });

i think your problem is

you are calling fade in before the
dom elements are created in browser
or using jQuery , visual studio version, as i remember there was some
bug in jQuery's opacity thing in visual studio version

回复收藏 0 原文

~没有更多了~