gpt4 book ai didi

Zabuto 日历中的 Javascript onclick 事件

转载 作者:行者123 更新时间:2023-12-03 08:10:18 24 4
gpt4 key购买 nike

我这里有一个运行良好的 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”引用,但我想在访问该 url 的日期创建一个 onclick 事件(不是模态) - 这很容易实现吗?

我尝试遵循 Zabuto GitHub 页面上的示例以及 StackOverflow 上引用的其他 onclick 事件,但它们似乎引用了模式窗口。我似乎只是在努力调用“eventdata”变量中的“url”引用。

我希望有人能帮忙 - 我不太擅长 Javascript!

感谢您的宝贵时间!

最佳答案

将此函数添加到脚本中:

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) ;

}
});

});

它将按照您的要求工作。

关于Zabuto 日历中的 Javascript onclick 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34178410/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com