【问题标题】:Jquery UI slide not working on certain elementsJquery UI 幻灯片不适用于某些元素
【发布时间】:2025-12-11 05:50:02
【问题描述】:

这里我有一个 Jquery slideToggle 核心在一个元素上工作的演示,但 jquery Slide UI 没有。

http://jsbin.com/obuha/edit

请看演示,Jquery UI 按钮适用于上述文本,但不适用于 google 徽标。 slideToggle 按钮适用于徽标。

如何让 Jquery UI 幻灯片也与徽标一起使用?

谢谢。

希望这可以在不更改 DOM 的情况下完成。

【问题讨论】:

    标签: jquery jquery-ui


    【解决方案1】:

    我检查了您的代码,我认为问题在于图像添加了跨度的内联样式背景。这似乎弄乱了幻灯片效果。

    但是,如果您将效果应用于容器 DIV,则效果很好。见这里:http://jsbin.com/aluwu

    所以,这很好用:

    $('#container').effect("slide", {}, 1000);
    

    而不是这个:

    $('span.image').effect("slide", {}, 1000);
    

    【讨论】:

    • 谢谢,这有助于确定问题的原因。确实是跨度的内联性质导致了 UI 版本的错误。我想知道这是否属于错误。将跨度更改为 div 可以正常工作,但这会导致我的 HTML 无法验证!我仍然坚持寻找解决方案,而不仅仅是不要对那个元素使用效果。不过谢谢!