jQuery Orbit 无法与 .slideToggle() 一起使用

发布于 12-15 11:36 字数 545 浏览 4 评论 0原文

我在默认情况下隐藏的 SECTION 中有一个 jQuery Orbit 滑块(display:none;)

用户单击按钮来展开 SECTION,执行此操作后,我看到仅显示左侧导航箭头,其余部分显示轨道滑块的 似乎不可见。

如果我删除显示:无;在 SECTION 上,以便 SECTION 的默认行为是在第一次访问时展开,我可以上下滑动切换,并且轨道滑块显示得很好。仅当它位于带有 display:none 的 SECTION 中时才会出现问题;放。

这是标记: http://pastie.org/2855132

这是 jQuery: http://pastie.org/2855138

所有轨道样式均为默认样式。正是section.articles设置为display:none;

任何帮助将不胜感激。我希望我已经提供了足够的信息。

谢谢。

I have a jQuery Orbit slider within a SECTION that is hidden by default (display:none;)

The user clicks on a button to expand the SECTION, and upon doing so, I see that only the left directional nav arrow shows up, the rest of the Orbit slider appears to be invisible.

If I remove the display:none; on the SECTION so that the default behaviour of the SECTION is that it is expanded upon first visit, I can .slideToggle up and down and the Orbit slider shows up just fine. It only has problems when it is sitting within the SECTION with display:none; set.

Here is the markup:
http://pastie.org/2855132

Here is the jQuery:
http://pastie.org/2855138

All of the Orbit styles are default. It is section.articles that is set to display:none;

Any help would be greatly appreciated. I hope I have provided enough information.

Thank you.

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

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

发布评论

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

评论(1

℉絮湮2024-12-22 11:36:03

试试这个:

    $(".banner").click(function() {
    $(this).next(".articles").slideToggle("slow", function(){

        $('#featured').orbit({
            animationSpeed: 800,
            timer: false,
            captions: false
        });


    });
});

Try this:

    $(".banner").click(function() {
    $(this).next(".articles").slideToggle("slow", function(){

        $('#featured').orbit({
            animationSpeed: 800,
            timer: false,
            captions: false
        });


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