Jquery UI幻灯片不能在某些元素上工作

Question

在这里，我有一个演示jquery slideToggle核心工作的元素，但jQuery的幻灯片UI没有。

http://jsbin.com/obuha/edit

请看演示中，jQuery UI的按钮适用于上面的文字，而不是谷歌的标志。 slideToggle按钮适用于徽标。

我如何获得Jquery UI幻灯片以使用徽标？

谢谢。

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

Answer 1

我检查了你的代码，我认为这个问题是因为图像被添加了跨度的内联风格背景。这似乎正在搞乱幻灯片效果。

但是，如果您在容器DIV上应用效果，则此功能正常。在这里看到：http://jsbin.com/aluwu

所以，这工作得很好：

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

取而代之的是：

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