Jquery Tablesorter çalışmıyor! Bunun derdi ne?

Jquery'de yeni ve Jquery Tablesorter eklentisini kullanmaya çalışıyorum ve aşağıdaki gibi basit bir html dosyasında test ettim ama çalışmıyor. Tüm tarayıcıda gördüğüm sadece sıralama yok, hiçbir tıklanabilir başlık ile sade bir tablo, Jquery Tablesorter ana sayfasında gördüğüm gibi görünmüyor. Html'mde neyin yanlış olduğunu bilmiyorum. Bu html dosyasıyla aynı klasöre 2 jquery dosyası yerleştirdim. Tavsiye lütfen!Jquery Tablesorter çalışmıyor! Bunun derdi ne?

<html> 
<head> 
<script type="text/javascript" src="jquery-1.9.1.min.js"></script> 
<script type="text/javascript" src="jquery.tablesorter.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() 
    { 
     $("#myTable").tablesorter({sortList: [[0,0], [1,0]]}); 
    } 
); 
</script> 
</head> 
<body> 
<table id="myTable" class="tablesorter"> 
<thead> 
<tr> 
    <th>Last Name</th> 
    <th>First Name</th> 
    <th>Email</th> 
    <th>Due</th> 
    <th>Web Site</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
    <td>Smith</td> 
    <td>John</td> 
    <td>[email protected]</td> 
    <td>$50.00</td> 
    <td>http://www.jsmith.com</td> 
</tr> 
<tr> 
    <td>Bach</td> 
    <td>Frank</td> 
    <td>[email protected]</td> 
    <td>$50.00</td> 
    <td>http://www.frank.com</td> 
</tr> 
<tr> 
    <td>Doe</td> 
    <td>Jason</td> 
    <td>[email protected]</td> 
    <td>$100.00</td> 
    <td>http://www.jdoe.com</td> 
</tr> 
<tr> 
    <td>Conway</td> 
    <td>Tim</td> 
    <td>[email protected]</td> 
    <td>$50.00</td> 
    <td>http://www.timconway.com</td> 
</tr> 
</tbody> 
</table> 
</body> 
</html>

kaynak

2013-03-30 TwentyLe

Eklenecek bir css dosyası yok mu? – leppie

Ayrıca, tarayıcı konsolunuzu kontrol edip bu dosyaların yüklenip yüklenmediğinden emin olun (sadece emin olun) – bruchowski

@leppie Evet, varsayılan temayı içeren css – TwentyLe

İşte çalışma keman bağlantısı. Dış kaynaklarda jsfiddle'a eklediğim tablesorter js ve tablesorter css'u eklemeyi unuttunuz. Kontrol edebilirsin.

http://jsfiddle.net/BKgue/2/

kaynak

2013-03-30 05:23:30

Tamam, anladım, düzeltildi ve şimdi işe yaradı :). Teşekkürler efendim ve teşekkürler SO! – TwentyLe

Tablolar js ve tablesorter css dosyalarının olması gerektiğini bildiren belgeler nerede? – DDDD

Evet Tüm belgeyi okudum, işe yaraması için tablesorter.css eklemek zorunda kalmamak için TÜM AT referans yok. bana hiç mantıklı değil. –

Bildirimi Bu benim için çalışıyor engelledi neydi yerine <td> ait <tr> iç <th>.

<thead> 
    <tr> 
     <th>column 1</th> 
    <tr> 
</thead>

Ayrıca, tablo çalışanının çalışması için css'ye gerek yoktur. Kendi formunuzu korumak istiyorsanız ancak küçük okların gösterilmesini istiyorsanız, sadece aşağıdaki kodlara ihtiyacınız vardır. ve kopyala, tablo sunucusu tarafından sağlanan 3 ok gif dosyasını css dosyasıyla aynı klasöre yapıştırın. ya da isterseniz kendi oklarınız gif.

table.tablesorter thead tr .header { 
    background-image: url(bg.gif); 
    background-repeat: no-repeat; 
    background-position: center right; 
    cursor: pointer; 
} 
table.tablesorter thead tr .headerSortUp { 
    background-image: url(asc.gif); 
} 
table.tablesorter thead tr .headerSortDown { 
    background-image: url(desc.gif); 
}

kaynak

2016-10-05 02:39:34 codenoob

Jquery Tablesorter çalışmıyor! Bunun derdi ne?

cevap

İlgili konular