Таблица не строитсяJquery

Программирование на jquery
Ответить
Anonymous
 Таблица не строится

Сообщение Anonymous »

Поскольку я не разбираюсь в jQuery и JavaScript, я использую более простой метод использования массива для построения таблицы с помощью Tablesorter. Однако это совершенно не работает. Фактически, даже если я использую приведенный пример (здесь: http://mottie.github.io/tablesorter/doc ... table.html), результата не будет, просто пустая веб-страница. Вот мой код:

Код: Выделить всё




Testing Tablesorter (fork)









$(document).ready(function(){
// Call the PHP script that grabs all data from DB
$.getJSON('./get_data.php',function(data){
//alert(data.length);
var dataArr = new Array();
for (x = 0; x < data.length; x++)
{
dataArr[x] = data[x];
//console.log(dataArr[$x]);
}
applyTable(dataArr);
});
});

function applyTable(arrayIn)
{
//alert(arrayIn[0]);
$('#topdiv').tablesorter({
theme : 'default',
//widgets : ['zebra','columns'],
debug : true,
widgetOptions : {
build_source : arrayIn,
build_headers : {
rows : 1,
classes : [],
text : [],
widths  : [ '15%', '15%', '30%', '15%', '40%', '30%', '30%', '30%', '30%', '30%' ]
}
}
});
$("#topdiv").trigger("updateAll");
}






Есть идеи? Мотти, где ты?

РЕДАКТИРОВАТЬ: Chrome не сообщает об ошибках JavsScript. Хотя консоль (поскольку я указал "debug: true") выдает:

Код: Выделить всё

stopping initialization! No table, thead, tbody or tablesorter has already been initialized


Я также знаю, что PHP-скрипт работает нормально.

< strong>РЕДАКТИРОВАТЬ, PHP-КОД (отрывок):

Код: Выделить всё

$headersArr = array('ID', 'Col 2', 'Col 3',
'Col 4', 'Col 5', 'Col 6',
'Col 7', 'Col 8', 'Col 9', 'Col 10');

$allArr = array();
array_push($allArr, $headersArr);

while($row = mysql_fetch_object($rs))
{
$newRow = array($row->id, $row->col_B, $row->col_C,
$row->col_D, $row->col_E,
$row->col_F, $row->col_G,
$row->col_H, $row->col_I,
$row->col_J);
array_push($allArr, $newRow);
}
echo json_encode($jobsArr);
На следующем изображении показан вывод JavaScript в консоли Chrome (я не обновлял приведенный выше код, чтобы он не стал слишком большим, а просто переупаковал массив, переданный в applyTable() и вывел оба массива на консоль). Какой из этих массивов следует использовать с Tablesorter?

Изображение


Подробнее здесь: https://stackoverflow.com/questions/222 ... t-building
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»