json data not showing in modal window

[radhava]

Hi, I am a complete newbie so appreciate your help;
I saved a file with Json data
example calendar1.json
[{
"date": "2018-03-01",
"badge": true,
"title": "Tonight",
"body": "<p class="lead">Party</p>

Like it's 1999.</p>",
"footer": "At Paisley Park",
"classname": "purple-event"
}, {
"date": "2018-03-02",
"badge": true,
"title": "Tonight",
"body": "<p class="lead">Party</p>

Like it's 1999.</p>",
"footer": "At Paisley Park",
"classname": "purple-event"
}]

Now I try to pull this in modal using:-

<script type="application/x-javascript"> //$(document).ready(function () { $("#my-calendar").zabuto_calendar({ ajax: { url: "js/calendar1.json", modal: true, } }); // }); But it does not seem to work please your help is deeply appreciated.

[zabuto]

See

• https://stackoverflow.com/questions/9664282/difference-between-application-x-javascript-and-text-javascript-content-types for script type usage

• https://jsfiddle.net/zabuto/9z5Lo3qv/ for an example with json data (https://api.myjson.com/87q3s)