- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
如何更改 eventClick 中事件的 URL?我更改了它,但是当我在日历上更新事件时,它不会接受我的更改,它具有原始值。
var path = window.location.origin + window.location.pathname + calEvent.url;
calEvent.url = path;
//update the calEvent
$('#calendar').fullCalendar('updateEvent', calEvent);
最佳答案
当 eventClick 运行时为时已晚,您已经点击了该事件,并且已经开始重定向到现有事件 URL 中指定的位置。
如果您想操作来自服务器的 URL 值,我建议您在 eventDataTransform 回调中执行此操作,该回调在每个事件呈现到日历上之前运行,例如:
eventDataTransform: function( eventData ) {
eventData.url = window.location.origin + window.location.pathname + eventData.url;
return eventData;
},
参见https://fullcalendar.io/docs/event_data/eventDataTransform/有关回调的更多详细信息。
<小时/>但是,我不知道您的网址到底是什么格式,但我感觉您的代码实际上是不必要的。我认为要使其有意义,您必须将相对 URL 输出到日历数据中,例如“test.php”或“images/test.jpg”。
如果您将它们保持原样并单击它们,浏览器会在尝试导航到它们之前自动将当前站点地址添加到它们上面。您运行的代码只是硬编码浏览器将自动执行的操作,我认为您不需要费心。
关于javascript - fullcalendar - eventclick 更改 URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48932252/
当我点击 FullCalendar 中的事件时,我尝试更改“事件”background-color 我正在尝试以下操作 - $(document).ready(function() { $('
我正在日历旁边的页面上创建事件的“摘要”列表。我想在单击摘要中的条目时触发事件的 eventClick 处理程序。摘要条目的标记是 9:00am-10:00am 其中 id 是 fullCalend
大家下午好,我需要帮助,我正在使用 Fullcalendar 创建一个简单的日历,我已经可以创建事件将它们保存在数据库中并在日历中显示它们,现在我需要的是当单击事件弹出窗口(模态)打开,显示事件的数据
我的问题非常简单:我想在 eventClick 上从数据库加载详细信息页面。所以我只需要知道如何在点击时访问事件属性。 如果我的问题有任何歧义,请告诉我,我会澄清。 谢谢! 最佳答案 eventCli
我的日历使用 ajax-php 脚本中的事件进行初始化。这些事件有一个简单的 css 类,其中绿色背景色表示可用事件,红色背景色表示不可用事件。 我需要当我点击绿色事件时,它会变成红色以将其设置为不可
我正在使用 FullCalendar 编写约会安排模块。因此,主要目标是利用两种类型的事件: 约会——实际安排的约会 Available -- 对于一个可用的时间段 我修改了 FullCalend
我正在使用FullCalendar我的日历插件。 我正在尝试循环访问我获取的一些 ajax 数据,并使用我想要使用的相关字段填充我的日历。 这就是我正在做的事情: for (var i = 0; i
如何更改 eventClick 中事件的 URL?我更改了它,但是当我在日历上更新事件时,它不会接受我的更改,它具有原始值。 var path = window.location.origin + w
使用使用 Bootstrap 的波尔图主题,并且能够添加新事件,但尝试通过单击来编辑事件,我可以获取 ID、标题等...但模式不会打开。 eventClick: function(calEvent,
UI 工作正常,事件显示正确,但唯一的问题是 eventClick 不起作用。我认为需要更新 jQuery 来解决这个问题,但我错了。还有其他原因导致 eventClick 无法工作!请帮忙 这是我的
我试图在单击事件时更改事件的 CSS 类,但运气为零。这是我的 JS: var calendarEl = document.getElementById('calendar'); var calend
eventClick 是否可以在双击而不是单击时发生?我知道可以做到这一点的方法,但是有没有一种优雅的方法可以使用此插件而不更改核心来做到这一点? 最佳答案 是的,这是可能的。你应该修改插件。您需要修
我正在使用全日历插件。我曾使用 jquery .on() 函数使图标可点击,但问题是当我点击放置在事件上的图标时,也会触发 fullcalendar 插件的 eventClick 方法。当我单击放置在
在点击多天(期间)事件 (eventClick) 时,我很难检索点击的那一天。 点击背景单元格,很简单: function dayClick(date, jsEvent, view) {
我不知道要对以下代码进行哪些更改才能使其在 Firefox 15 中运行: eventDrop: function (event, dayDelta) { updateCale
我在带有phonegap的应用程序中使用fullcalendar。我有两个外部按钮可以更改 View (月或周),默认 View 是月。 nova.touch.bindClick("#btn_week
jQuery fullCalendar 插件似乎在 editable mode 中有问题在某些情况下。如果eventClick handler已设置且可编辑为真,则 eventClick 功能将不起作
我在 fullcalendar 上使用 eventClick 函数,并且遇到以下问题,每当我单击某个事件时,模式就会打开,我可以编辑此特定事件,当我单击“保存”(使用另一个 onclick 函数)时,
我正在使用基于全日历的 Angular 模块:https://github.com/angular-ui/ui-calendar以及来自 ng-bootstrap 的对话模块。我将日历配置为显示用于编
我是一名优秀的程序员,十分优秀!