Bootstrap-Tabelle mit JSON-Daten
Ich führe Bootstrap auf meiner Site aus, kombiniert mit einem Bootstrap-Plugin namensBootstrap-Tabellen. Es fordert die Lieferung der Daten als JSON-Datei an.
Ich habe jedoch Probleme damit, es zum Laufen zu bringen. Ich habe es jetzt einen ganzen Tag lang versucht, aber ohne Ergebnis. Ich habe auch Google und andere Codebeispiele ausprobiert.
Meine JSON-Datei sieht aus wie
{"giveawayid":"101", "creatorid":"7962290569"}
Meine Testseite sieht so aus:
<html lang="en">
<head>
<!-- Latest compiled and minified JavaScript -->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-table.js"></script>
<!-- Bootstrap - Latest compiled and minified CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-table.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Test</title>
</head>
<body>
<p> </p>
<div class="container">
<!-- table -->
<table class='table' data-toggle="table" data-url="test.json">
<thead>
<TR>
<TH data-field="giveawayid" data-align="center" data-sortable="true">giveawayid</TH>
<TH data-field="creatorid" data-align="center" data-sortable="true">creatorid</TH>
</TR>
</thead>
</table>
</div>
</body></html>
Wie Sie an den sortierbaren Headern erkennen können, ist das Javascript der Bootstrap-Tabelle aktiv.
Ich habe auch die JSON-Dateien überprüft und obwohl ich sie selbst erstellt habe, scheinen sie gültig zu sein. Das System scheint jedoch nicht mit den Daten umzugehen. Wie kann ich sicher sein, dass die JSON-Dateien korrekt sind? Ich habe mit den Entwicklertools nachgesehen und keinen Fehler festgestellt.
Hat jemand eine Idee, was schief gehen könnte?
Bearbeiten: Lösung unten