Classe CSS errata per l'intestazione con widget di ordinamento di salvataggio - jquery, css, ruby-on-rails, tablesorter

Sto usando il gemma rails-tableorter che si basa sulla versione recente di tablesorter.

Uso il widget di ordinamento di salvataggio per la mia tabella, ma non funziona esattamente come il dimostrazione.

La mia prima colonna contiene solo collegamenti. Se faccio clic su uno di questi e dopo il reindirizzamento premo backspace per tornare al mio tavolo, viene ordinato correttamente, ma l'intestazione della colonna ordinata ha la classe tablesorter-headerUnSorted invece di tablesorter-headerAsc o tablesorter-headerDesc e quindi nessun indicatore di ordinamento è visibile.

Se seguo un collegamento e utilizzo la barra di navigazione per tornare al tavolo, ha la classe corretta.

Per completezza il mio codice di inizializzatore table tables, anche se non c'è nulla di speciale:

  $(function() {
$("#market-table").tablesorter({
widgets: ["saveSort"],
// Enable use of the characterEquivalents reference
sortLocaleCompare : true,
// maintain a stable sort (First Name column)
sortStable : true,
// if false, upper case sorts BEFORE lower case
ignoreCase : true
});
});

Hai idea di cosa avrei potuto fare di sbagliato o quale potrebbe essere il problema?
Grazie in anticipo.

Modificare: Ho fatto un po 'di debug, ma ancora non so come potrei risolvere questo ...

Di seguito è il registro per il caso in cui essofunziona (quindi facendo clic sul collegamento sulla barra di navigazione). Non sono sicuro del motivo per cui l'inizializzazione viene invocata due volte. Ma il secondo sembra correggere le intestazioni e ordinare effettivamente la tabella.

Nel caso in cui torni al tavolo tramite backspace, l'inizializzazione di tablesort viene invocata una sola volta. Il registro è uguale alla prima voce dal registro seguente.

Initializing tablesorter

Built headers: (3 ms)
[th.tablesorter-header.tablesorter-headerUnSorted, th.tablesorter-header.tablesorter-headerDesc, th.tablesorter-header.sorter-false.tablesorter-headerUnSorted]
0: th.tablesorter-header.tablesorter-headerUnSorted
1: th.tablesorter-header.tablesorter-headerUnSorted
2: th.tablesorter-header.sorter-false.tablesorter-headerUnSorted
length: 3__proto__: Object[0]

Detecting parsers for each column
Building cache for 29 rows (showing 5 rows in log) and 3 columns (3 ms)
Start initializing widgets
Completed initializing 1 widget (2 ms)
Start applying widgets
Completed applying 1 widget (2 ms)
Overall initialization time:  (28 ms)



Initializing tablesorter

Built headers: (3 ms)
[th.tablesorter-header, th.tablesorter-header, th.tablesorter-header.sorter-false]
0: th.tablesorter-header.tablesorter-headerUnSorted
1: th.tablesorter-header.tablesorter-headerDesc
2: th.tablesorter-header.sorter-false.tablesorter-headerUnSorted
length: 3__proto__: Object[0]

Detecting parsers for each column
Building cache for 29 rows (showing 5 rows in log) and 3 columns (2 ms)
Start initializing widgets
Completed initializing 1 widget (2 ms)
Applying sort 1,1 (1 ms)
Rebuilt table (3 ms)
Start applying widgets
Completed applying 1 widget (2 ms)
Start applying widgets
Completed applying 1 widget (2 ms)
Overall initialization time:  (28 ms)

risposte:

Quindi ... il problema erano le rotaie "turbolink che memorizzano nella cache la pagina.

Dopo alcune ricerche su Google, ho trovato la soluzione su come disabilitare la memorizzazione nella cache turbolink per una singola pagina in questo problema Github.