gpt4 book ai didi

javascript - 包含点击事件的完整日历事件资源

转载 作者:行者123 更新时间:2023-12-01 00:37:56 24 4
gpt4 key购买 nike

在完整日历的最新版本中,我的事件资源周围有一个链接。当您双击事件资源名称时,我希望弹出一个模式。

我遇到的问题是,一旦日历加载,它就会加载每个资源的每个模式,就像我刚刚双击它们一样。

还有其他人遇到过这个问题吗?有人知道如何解决它吗?

 resourceRender: function(renderInfo) {
if(renderInfo.resource.extendedProps.unassign==false)
renderInfo.el.querySelector('.fc-cell-text').innerHTML = "<a ondblclick=" + showProfileModal('staff', renderInfo.resource.id) + " class='text-staff'>" + renderInfo.resource.title + "</a>";
else
renderInfo.el.querySelector('.fc-cell-text').innerHTML = "<span class='text-red'>" + renderInfo.resource.title + "</span>";
},

最佳答案

问题在于您创建超链接的方式:

.innerHTML = "<a ondblclick=" + showProfileModal('staff', renderInfo.resource.id) + " class='text-staff'>"

在这种情况下,showProfileModal() 不是 HTML 字符串的一部分,而是被视为要执行的实际代码......所以这就是发生的情况,它被执行。

您使用它时就好像该函数的结果是要包含在 HTML 字符串中的内容。如果您希望将其视为文本,即要添加到 HTML 声明中的内容,请将其包含在字符串中:

.innerHTML = '<a ondblclick="showProfileModal(\'staff\',\'' + renderInfo.resource.id + '\')\" class=\"text-staff\">'

演示:https://codepen.io/ADyson82/pen/WNeKYav?&editable=true&editors=001

(当然,如果您想让代码不那么困惑,而不需要所有字符转义等,您可以使用 createElementaddEventListener 来创建超链接并设置而是双击事件处理程序。)

关于javascript - 包含点击事件的完整日历事件资源,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57943384/

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