0
Jquery 템플릿에 약간의 문제가 있으며 무엇이 잘못되었는지 알 수 없습니다. 그것은 각각의 내부를 사용하는 방법 일뿐입니다 (이 작업을 수행하는 좋은 예는 없습니다).Jquery 템플릿 내부에 2 차원 목록이 있습니다.
.tmpl 기능을 실행할 때 오류가 발생합니다.
$("#calendarListTemplate").tmpl(json)
과는 말한다 :
catch되지 않은 구문 에러 : jquery.tmpl.min.js
여기의 1 행에서 예기치 않은 식별자가 템플릿의 :
<script id="calendarListTemplate" type="text/x-jquery-tmpl">
${{each eventDayGroups}}
<li class="todaysEventDayListelement">
${{each ${data.eventDayList}}}
<div id="eventDay" class="eventDay ${$data.eventDayClass}">
<div class="day">
${$data.dateDay}
</div>
<div class="monthYear">
${$data.dateMonthYear}
</div>
<div id="eventCounter" class="eventCounter ${$data.counterClass}">
${$data.count}
</div>
<div style="display:none" class="date">
${$data.date}
</div>
</div>
{{/each}}
</li>
{{/each}}
</script>
그리고 여기에 JSON
입니다{ "eventDayGroups" : [ { "eventDayList" : [ { "count" : 1,
"counterClass" : "eventCountSingle",
"date" : "27.08.2011",
"dateDay" : "27",
"dateMonthYear" : "Aug 2011",
"eventDayClass" : ""
},
{ "count" : 1,
"counterClass" : "eventCountSingle",
"date" : "28.08.2011",
"dateDay" : "28",
"dateMonthYear" : "Aug 2011",
"eventDayClass" : ""
},
{ "count" : 3,
"counterClass" : "eventCountSingle",
"date" : "29.08.2011",
"dateDay" : "29",
"dateMonthYear" : "Aug 2011",
"eventDayClass" : ""
},
{ "count" : 1,
"counterClass" : "eventCountSingle",
"date" : "30.08.2011",
"dateDay" : "30",
"dateMonthYear" : "Aug 2011",
"eventDayClass" : ""
},
{ "count" : 2,
"counterClass" : "eventCountSingle",
"date" : "31.08.2011",
"dateDay" : "31",
"dateMonthYear" : "Aug 2011",
"eventDayClass" : ""
},
{ "count" : 5,
"counterClass" : "eventCountSingle",
"date" : "01.09.2011",
"dateDay" : "01",
"dateMonthYear" : "Sep 2011",
"eventDayClass" : ""
},
{ "count" : 5,
"counterClass" : "eventCountSingle",
"date" : "02.09.2011",
"dateDay" : "02",
"dateMonthYear" : "Sep 2011",
"eventDayClass" : ""
},
{ "count" : 3,
"counterClass" : "eventCountSingle",
"date" : "03.09.2011",
"dateDay" : "03",
"dateMonthYear" : "Sep 2011",
"eventDayClass" : ""
},
{ "count" : 2,
"counterClass" : "eventCountSingle",
"date" : "04.09.2011",
"dateDay" : "04",
"dateMonthYear" : "Sep 2011",
"eventDayClass" : ""
}
] },
{ "eventDayList" : [ { "count" : 2,
"counterClass" : "eventCountSingle",
"date" : "05.09.2011",
"dateDay" : "05",
"dateMonthYear" : "Sep 2011",
"eventDayClass" : ""
},
{ "count" : 1,
"counterClass" : "eventCountSingle",
"date" : "06.09.2011",
"dateDay" : "06",
"dateMonthYear" : "Sep 2011",
"eventDayClass" : ""
},
{ "count" : 3,
"counterClass" : "eventCountSingle",
"date" : "07.09.2011",
"dateDay" : "07",
"dateMonthYear" : "Sep 2011",
"eventDayClass" : ""
},
{ "count" : 1,
"counterClass" : "eventCountSingle",
"date" : "08.09.2011",
"dateDay" : "08",
"dateMonthYear" : "Sep 2011",
"eventDayClass" : ""
},
{ "count" : 2,
"counterClass" : "eventCountSingle",
"date" : "09.09.2011",
"dateDay" : "09",
"dateMonthYear" : "Sep 2011",
"eventDayClass" : ""
},
{ "count" : 2,
"counterClass" : "eventCountSingle",
"date" : "10.09.2011",
"dateDay" : "10",
"dateMonthYear" : "Sep 2011",
"eventDayClass" : ""
},
{ "count" : 1,
"counterClass" : "eventCountSingle",
"date" : "11.09.2011",
"dateDay" : "11",
"dateMonthYear" : "Sep 2011",
"eventDayClass" : ""
},
{ "count" : 2,
"counterClass" : "eventCountSingle",
"date" : "12.09.2011",
"dateDay" : "12",
"dateMonthYear" : "Sep 2011",
"eventDayClass" : ""
},
{ "count" : 2,
"counterClass" : "eventCountSingle",
"date" : "13.09.2011",
"dateDay" : "13",
"dateMonthYear" : "Sep 2011",
"eventDayClass" : ""
}
] },
{ "eventDayList" : [ { "count" : 2,
"counterClass" : "eventCountSingle",
"date" : "14.09.2011",
"dateDay" : "14",
"dateMonthYear" : "Sep 2011",
"eventDayClass" : ""
},
{ "count" : 1,
"counterClass" : "eventCountSingle",
"date" : "15.09.2011",
"dateDay" : "15",
"dateMonthYear" : "Sep 2011",
"eventDayClass" : ""
},
{ "count" : 3,
"counterClass" : "eventCountSingle",
"date" : "16.09.2011",
"dateDay" : "16",
"dateMonthYear" : "Sep 2011",
"eventDayClass" : ""
},
{ "count" : 1,
"counterClass" : "eventCountSingle",
"date" : "17.09.2011",
"dateDay" : "17",
"dateMonthYear" : "Sep 2011",
"eventDayClass" : ""
},
{ "count" : 1,
"counterClass" : "eventCountSingle",
"date" : "18.09.2011",
"dateDay" : "18",
"dateMonthYear" : "Sep 2011",
"eventDayClass" : ""
},
{ "count" : 3,
"counterClass" : "eventCountSingle",
"date" : "19.09.2011",
"dateDay" : "19",
"dateMonthYear" : "Sep 2011",
"eventDayClass" : ""
},
{ "count" : 1,
"counterClass" : "eventCountSingle",
"date" : "20.09.2011",
"dateDay" : "20",
"dateMonthYear" : "Sep 2011",
"eventDayClass" : ""
},
{ "count" : 2,
"counterClass" : "eventCountSingle",
"date" : "21.09.2011",
"dateDay" : "21",
"dateMonthYear" : "Sep 2011",
"eventDayClass" : ""
},
{ "count" : 2,
"counterClass" : "eventCountSingle",
"date" : "22.09.2011",
"dateDay" : "22",
"dateMonthYear" : "Sep 2011",
"eventDayClass" : ""
}
] }
] }
직접 해결할 수있었습니다. 질문을 원래 상태로 되돌리고 해결책으로 대답을 게시 할 수 있다면 정말 좋을 것입니다. 이렇게하면 비슷한 문제에 직면 한 사람들이 배운 것들로 이익을 얻을 수 있습니다. – vzwick
8 시간이 지나기 전에 자신의 질문에 대답 할 수 없습니다. 나는 그때 그것을 할 것을 고려할 것이다. – nikolaia