我的Zubuto日历运行良好:(示例: http://www.claytonce.co.uk/index-new.asp)
事件数据来自从数据库生成的'eventData'变量。生成的脚本在这里:
<script type="application/javascript">
var eventData = [
{"date":"2015-12-09", "badge":false,"title":"School Christmas Lunch", "url":"http://www.claytonce.co.uk/event-detail.asp?id=4"}}
]
$(document).ready(function () {
$("#my-calendar").zabuto_calendar({
today: true,
data: eventData,
weekstartson: 0,
nav_icon: {
prev: '<i class="fa fa-chevron-left"></i>',
next: '<i class="fa fa-chevron-right"></i>'
}
});
});
</script>
我在数据中有一个'url'引用,但是我想在日期创建一个onclick事件来转到该url(不是模态) - 这很容易实现吗?
我尝试过关注Zabuto GitHub页面上的示例,以及StackOverflow上引用的其他onclick事件,但它们似乎是指模态窗口。我似乎很难在'eventdata'变量中调用'url'引用。
我希望有人可以提供帮助 - 我对Javascript不太满意!
谢谢你的时间!答案 0 :(得分:1)
将此功能添加到脚本:
function redirectTODateUrl (id) {
var date = $("#" + id).data("date");
for (var i = 0; i < eventData.length; i++) {
if( eventData[i]["date"] == date){
url = eventData[i]["url"]
if(typeof(url) != "undefined"){
location = url;
}
}
}
}
并修改日历代码: -
$("#my-calendar").zabuto_calendar({
today: true,
data: eventData,
weekstartson: 0,
nav_icon: {
prev: '<i class="fa fa-chevron-left"></i>',
next: '<i class="fa fa-chevron-right"></i>'
},
action: function() {
id = this.id;
redirectTODateUrl (id) ;
}
});
});
它将按照您的要求运作。