- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我这里有一个运行良好的 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/
我的网站上有一个 zabuto 日历,我在其中加载来自 ajax 调用的事件。该事件在日历中由黄色徽章表示。我的问题是:是否存在一种改变该徽章颜色的方法? 这是我的代码:
我这里有一个运行良好的 Zubuto 日历:(示例: http://www.claytonce.co.uk/index-new.asp ) 事件数据来自数据库生成的“eventData”变量。生成的脚
我在我的项目中实现了 zabuto 日历。这是屏幕截图: . 我希望单击时更改日期单元格的颜色。这是我的代码的一部分: $(document).ready(function () {
如何在 zabuto 日历中制作不同的事件颜色。我想用颜色指定事件。但我不知道。怎么做我的部分代码在这里。 $("#my-calendar").zabuto_calendar({ aja
我是一名优秀的程序员,十分优秀!