jQuery .slideDown 执行两次而不是一次

发布于 2024-11-29 01:06:04 字数 394 浏览 0 评论 0原文

我是 jquery 新手,遇到了一个我无法解决的问题,

我希望在页面加载时我的内容向下滑动,所以我使用下一个代码:

  $(document).ready(function () {
    $("#content").hide();
    $("#content").slideDown(1000);
  });

当我加载页面时,内容正常向下滑动,然后内容被隐藏并且再次滑落。

当我转到 css 并执行 #content{display: none;} 而不是 $("#content").hide(); 时,一切正常。 (没有js的浏览器不能使用这个)

有谁知道这个的原因吗?

谢谢!

I'm new to jquery and bumped into a problem i can't fix

I want that on pageload my content is sliding down so i use the next code:

  $(document).ready(function () {
    $("#content").hide();
    $("#content").slideDown(1000);
  });

when i load the page the content slides down narmally, than the content gets hidden and slides down again.

When i go to the css and do #content{display: none;} instead of $("#content").hide(); everything works fine. (can't use this for browsers without js)

Does anyone know the cause of this?

Thanks!

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

扫码二维码加入Web技术交流群

发布评论

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

评论(2

白首有我共你 2024-12-06 01:06:04

您是说使用 css #content{display: none;} 时一切正常
比我提供你使用 Jquery .css() 方法( http://api.jquery.com/css/< /a> )..

你可以像

  $(document).ready(function () {
    $("#content").css( { 'display' : 'none' } );
    $("#content").slideDown(1000);
  });

这样使用它: sipmle 那样。

我也同意@Billy Moon的观点,这可能是浏览器特定的错误,或者您可能正在代码中的某处调用页面刷新命令。

You are saying that everything works fine while using css #content{display: none;}
than i offer u to use Jquery .css() method( http://api.jquery.com/css/ )..

u can use it like :

  $(document).ready(function () {
    $("#content").css( { 'display' : 'none' } );
    $("#content").slideDown(1000);
  });

sipmle as that.

and i also agree with @Billy Moon , it can be a browser specific bug or u may be calling a page refresh command, somewhere within ur code.

如果没有 2024-12-06 01:06:04

你的代码里面没有问题。它位于代码中的其他位置。

这不是某个函数中的函数调用被调用了两次吗?

Your code has no problem inside. It's somewhere else in your code.

isn't that function call in some function that is called twice?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文