JavaScript не работает как я ожидал в CodeIgniter

Я начинаю с CodeIgniter, и я не получаю dataTable работает. У меня есть следующий мир страницы:

<table class="table table-striped table-bordered table-hover dataTables_default" id="dataTables-example">
<thead>
<tr>
<th></th>
<th>Título</th>
<th>Conteúdo</th>
</tr>
</thead>
<tbody>
<?php foreach($rows as $row){ ?>
<tr class="odd gradeX">
<td></td>
<td><?= $row->titulo ?></td>
<td><?= $row->conteudo ?></td>
</tr>
<?php } ?>

</tbody>
</table>

Важно: я использую шаблон администратора: http://ironsummitmedia.github.io/startbootstrap-sb-admin-2/pages/tables.html

Моя страница таблицы точно такая же, как и над ссылкой, но я хочу добавить больше функций, таких как: разбиение на страницы и фильтр.

Я попытался вставить в sb-admin-2.js следующее:

$(function() {

$('#side-menu').metisMenu();

//this was add
$('#dataTables-example').dataTable();

});

Но это не произвело никакого эффекта. Я пытался вставить сообщение alert () в мой javascript, но это предупреждение никогда не вызывалось, смотрите:

$(function() {

$('#side-menu').metisMenu();

alert('im here');
});

Мой файл sb-admin-2.js импортируется в конец страницы, я видел в исходном коде браузера (CTRL + U в Google Chrome). Так что не так? Почему не вызывается alert () и изменения в dataTable не оказывают никакого влияния.

Редактировать 1

Я не знаю, может ли помочь решить мою проблему, но в консоли браузера я получаю сообщение об ошибке:

Uncaught Error: Graph container element not found    morris.min.js:6

Я думаю, что это ошибка только потому, что я не показываю никакой график на этой странице, и функция javascript пытается вызвать график.

0

Решение

В файле morris-data.js удалите следующий код:

$(function() {

});

затем убедитесь, что morris-data.js содержит только следующий код:

    Morris.Area({
element: 'morris-area-chart',
data: [{
period: '2010 Q1',
iphone: 2666,
ipad: null,
itouch: 2647
}, {
period: '2010 Q2',
iphone: 2778,
ipad: 2294,
itouch: 2441
}, {
period: '2010 Q3',
iphone: 4912,
ipad: 1969,
itouch: 2501
}, {
period: '2010 Q4',
iphone: 3767,
ipad: 3597,
itouch: 5689
}, {
period: '2011 Q1',
iphone: 6810,
ipad: 1914,
itouch: 2293
}, {
period: '2011 Q2',
iphone: 5670,
ipad: 4293,
itouch: 1881
}, {
period: '2011 Q3',
iphone: 4820,
ipad: 3795,
itouch: 1588
}, {
period: '2011 Q4',
iphone: 15073,
ipad: 5967,
itouch: 5175
}, {
period: '2012 Q1',
iphone: 10687,
ipad: 4460,
itouch: 2028
}, {
period: '2012 Q2',
iphone: 8432,
ipad: 5713,
itouch: 1791
}],
xkey: 'period',
ykeys: ['iphone', 'ipad', 'itouch'],
labels: ['iPhone', 'iPad', 'iPod Touch'],
pointSize: 2,
hideHover: 'auto',
resize: true
});

Для информации о Uncaught Ошибка: элемент контейнера графика не найден,
увидеть https://github.com/morrisjs/morris.js/issues/137

Надеюсь, это поможет в работе ваших данных.

1

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector