幫助與JQuery的

喜爲表中的斑馬條紋的效果我很新的使用jQuery和只知道一些基礎知識，我有麻煩找出如何保持條紋在正確的地方，當一個表被排序。他們起初看起來很好，但頭上的其他東西都點了點，桌子上的顏色變成了貝澤克。

現在，我已經遇到了一些問題的答案，但我的問題是，我很少知道需要放置哪段代碼。所以我不知道什麼代碼是最接近正確的，因爲我測試的站點的唯一響應似乎是我可以點擊標題，但表仍然按順序排序顏色（所以它的就像代碼沒有做任何事情），或者頭文件根本沒有響應。

該代碼使用jQuery JavaScript庫v1.4.2，它還使用Christian Bach的tablesorter 2.0插件。我想我需要做的是手動添加某種小部件，它會將條紋重置爲第一次出現的位置，或者在加載後保持條紋不變。

我一直在做添加的代碼是通過使像一個新的腳本：如果我以前的「script」的一些代碼，添加一個<

出於某種原因消失

<script type="text/javascript" id="js"> 
    $(document).ready(function() { 
    { 
    $("#myTable").tablesorter({ 
     widgets: ['zebra'] 
    }); 
    }); 
</script>

我試過把它放在/ head和其他腳本中，但是如果測試站點每次只給出幾個相同的響應，它仍然很難分辨什麼是正確的。（我正在使用螢火蟲測試）有沒有具體的東西，我忘了？我不完全知道這段代碼是否正確引用了jQuery，但我真的可以使用任何人的輸入。謝謝！

來源

2011-06-15 Will

您如何在首位創建條紋？ – Tomalak 2011-06-15 13:37:33

該代碼相當長...但不難想象，我不認爲。我只是不知道如何將它附加到一些東西，但大聲笑 – Will 2011-06-15 13:49:48

它不能自動工作？ tableSorter主頁上的演示保持條紋一致。 – daybreaker 2011-06-15 13:55:52

斑馬部件默認情況下爲樣式添加了「奇怪」和「偶數」類名。所以，只需更改widgetZebra選項以匹配您的css造型：

$("table").tablesorter({ 
    // sort on the first column and third column, order asc 
    sortList: [[0,0],[0,1]], widgets: ['zebra'], widgetZebra: {css: ["alt",""]} 
});

來源

2011-06-15 14:24:13 Mottie

謝謝SOSOSO。你是炸彈人！ – Will 2011-06-15 14:52:44

雖然首先要改變輸出數據的方式會很困難（因爲這聽起來像是您正在手動輸出HTML表格中的數據，然後使用Javascript動態地對錶格進行排序），但是長期使用不同的jQuery插件，JQGrid。

從粗略的一瞥，它看起來好像它有一個自己的「插件」，它需要一個預先存在的表格並將其轉換爲jqgrid，但我只用過Jqgrid從地面製作網格向上。

如果您不確定，請查看他們的demo以查看它是否有效。我想，一旦你看到jqgrid提供的力量，你會考慮讓它爲你做重要的事情。

來源

2011-06-15 13:53:51 Mattygabe

幫助與JQuery的

回答

相關問題