/ / Clase de CSS incorrecta para el encabezado con el widget de guardar ordenación - jquery, css, ruby-on-rails, tablesorter

Clase de CSS incorrecta para el encabezado con el widget de guardar ordenación - jquery, css, ruby-on-rails, tablesorter

Estoy usando el gemas de rieles y mesas que se basa en la versión reciente de tablesorter.

Utilizo el widget de clasificación de guardado para mi tabla, pero no funciona exactamente como el manifestación.

Mi primera columna solo contiene enlaces. Si hago clic en uno de estos y después de que la redirección haga clic en el retroceso para volver a mi tabla, se ordenó correctamente, pero el encabezado de la columna ordenada tiene la clase tablesorter-headerUnSorted en lugar de tablesorter-headerAsc o tablesorter-headerDesc y por lo tanto ningún indicador de clasificación es visible.

Si sigo un enlace y uso mi barra de navegación para volver a la tabla, tiene la clase correcta.

Para completar mi código de inicio tablesorter, aunque no hay nada especial:

  $(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
});
});

¿Alguna idea de lo que podría haber hecho mal o cuál podría ser el problema?
Gracias por adelantado.

Editar: Hice algo de depuración, pero aún no sé, cómo podría arreglar esto ...

El siguiente es el registro para el caso queFunciona (así que haga clic en el enlace en la barra de navegación). No estoy seguro de por qué la inicialización se invoca dos veces. Pero el segundo parece arreglar los encabezados y ordenar realmente la tabla.

En el caso de que regrese a la tabla a través del retroceso, la inicialización de tablesort solo se invoca una vez. El registro es igual a la primera entrada del registro de abajo.

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)

Respuestas

1 para la respuesta № 1

Entonces ... el problema era que los rieles "turbolinks guardaban en la página.

Después de algunas búsquedas en Google, encontré la solución sobre cómo deshabilitar el almacenamiento en caché de turbolink para una sola página en este problema Github.