不執行

jQuery的切換功能，我已經在這裏創造一個小提琴： http://jsfiddle.net/brombomb/kYsN7/不執行

由於的slideToggle不符合表的（由於顯示：塊/錶行的問題）工作，我曾嘗試推出自己的一些我在互聯網上找到的代碼。正如你所看到的，我已經包含了一些console.log（）用於調試目的，但它們永遠不會被解僱。我最初有這些作爲單獨的定義函數，但這是行不通的，所以我把它們捲入切換函數調用。

原始幻燈片表代碼：http://www.tino.nl/index.php/2009/08/05/table-animations-in-jquery/

來源

2011-05-07 Brombomb

你想要什麼？ slideUP是什麼？當你點擊什麼時滑動？ – jotapdiez 2011-05-07 19:29:53

@jotapdiez這個想法會在上面點擊滑動tbody並隱藏它。一秒鐘後，點擊顯示tbody並將其滑下。 – Brombomb 2011-05-07 19:50:15

該代碼確實有效，我想你可能會誤解你所做的。切換功能將點擊處理程序附加到所調用的項目上，點擊後交替調用兩個方法。所以當你點擊你的標題時，這個處理程序被附加到到主體。然後點擊tbody會導致幻燈片（嘗試它，這工作）。

我想你真的打算把處理程序附加到頭部。我假設你打算點擊頭部做隱藏。更多的東西是這樣的：

http://jsfiddle.net/kYsN7/13/

這個節目是不工作的權利，但我認爲結構沿着你打算什麼線條更。

來源

2011-05-07 22:20:23

上釘牢它。我在tbody上附加切換。我想連接到thead的切換，但影響tbody。知道了這一切，並運行。 – Brombomb 2011-05-07 23:09:47

下面是針對未來任何問題的完整工作版本：http：//jsfiddle.net/brombomb/kYsN7/17/在@kingjiv版本中，他將回撥的幻燈片更改爲隱藏錯誤的元素。現在它正確地隱藏了tr而不是整個body元素。 – Brombomb 2011-05-07 23:28:50

看起來不錯，樂意幫忙 – 2011-05-08 00:10:57

是你真正想要slide影響到你的td元素？

沒有動畫，可以簡單do it：

$('#horseStable table thead').click(function() { 
    if ($("#horseStableBody td").is(":visible")) { 
     $("#horseStableBody td").hide(); 
    } else { 
     $("#horseStableBody td").show(); 
    } 

    return false; 
});

來源

2011-05-07 19:23:46

是的，我真的想要幻燈片元素。我網站上的其他一些功能都實現了滑動切換。爲了保持一致，我想滑動切換。 – Brombomb 2011-05-07 19:46:24

只是這樣做：

$('#horseStable table thead').click(function() { 
     $('#horseStableBody').slideToggle(); 
    });

就是這樣。我在你的jsfiddle中測試過它，它工作正常。希望這有助於。乾杯

來源

2011-05-07 19:30:59

我沒有看到它在我的小提琴中工作（即使使用您的代碼）。 jQuery動畫套件是爲切換塊級元素而構建的。該表使用表格行而不是塊，因此不起作用。至少不是在FF 3.6或FF 4 – Brombomb 2011-05-07 19:49:27

回答

相關問題