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);