Сценарий jQuery, который считывает JSON-файл и помещает данные в DIV, показывает дату, но не местоположение, описание или ссылку.jQuery не читает экземпляры JSON
Пример набора JSON здесь:
{
"id": "[email protected]",
"title": null,
"events": [{
"start": {
"date": null,
"time": "2016-02-16T10:00:00+01:00"
},
"end": {
"date": null,
"time": "2016-02-16T11:00:00+01:00"
},
"location": "Kreuzberg, Berlin, Germany",
"description": "Basketball Test",
"color_id": "1",
"ical_uid": "[email protected]"
}
Существует скрипт JQuery здесь:
<script type="text/javascript">
(function(window, $) {
var CALENDAR_ENDPOINT ='http://antibang.com/js/berlinbraves/calendar/?tk=9832187dsamj__dsaj7321njdsa';
var _leftCalendar, _rightCalendar;
function _parseEvents(eEventData) {
var converted, formatted;
converted = [];
eEventData.forEach(function(eItem) {
formatted = moment(eItem.start.time);
converted.push({
date: formatted.format('YYYY-MM-DD'),
formatted_date: formatted.format('DD.MM.YY'),
formatted_time: formatted.format('HH:mm') + ' Uhr',
location: eItem.location,
description: eItem.description,
link: eItem.ical_uid,
category: eItem.color_id == null ? 'default' : eItem.color_id
});
});
return converted;
}
function _prepareDays() {
// hover over day cell
$('.clndr-event').hover(function() {
var $this;
$this = $(this);
$('#event-detail').show();
$('#event-detail').removeClass();
$('#event-detail').addClass('category-' + $this.data('category'));
$('#event-detail-date').text($this.data('date'));
$('#event-detail-loca').text($this.data('location'));
$('#event-detail').css('top', Math.round($this.offset().top));
$('#event-detail').css('left', Math.round($this.offset().left));
}, function() {
$('#event-detail').hide();
});
}
Я не могу понять, почему Дата бы вынести, но местоположение, описание и ical_uid Wouldn» т?
календарь система используется в CLNDR, и данные были установлены в этом сценарии здесь:
<script type="text/template" id="template-calendar">
<div class="clndr-single">
<div class="clndr-month"><%= month %> </div>
<div class="clndr-year"><%= year %> </div>
<div class="clndr-grid">
<div class="days-of-the-week">
<% _.each(daysOfTheWeek, function(day) { %>
<div class="header-day"><%= day %></div>
<% }); %>
<div class="days">
<% _.each(days, function(day) { %>
<div class="<%= day.classes %>">
<div class="clndr-day"><%= day.day %></div>
<div class="clndr-events">
<% _.each(day.events, function(event) { %>
<div class="clndr-event category-<%= event.category %>"
data-description="<%= event.description %>"
data-category="<%= event.category %>"
data-time="<%= event.time %>"
data-date="<%= event.date %>"
></div>
<% }); %>
</div>
</div>
<% }); %>
</div>
</div>
</div>
</div>
Как задаются данные элемента? Какая система календаря? – charlietfl
Данные элемента устанавливаются через PHP-скрипт. Полное дерево данных JSON можно увидеть здесь: [ссылка] (http://antibang.com/js/berlinbraves/calendar/?tk=9832187dsamj__dsaj7321njdsa)] Система каландр CLNDR, и это время устанавливается с помощью другой над ним сценарий, который я добавил в главный пост. –
так ли атрибуты данных в шаблоне правильно установлены, когда вы проверяете живой html в инструментах браузера dev? Также попробуйте logging '$ this.data()' для консоли и посмотреть, что содержит полный объект – charlietfl