javascript - 在每天加载 jquery fullcalendar 后添加自定义超链接并在单击超链接时停止阻止/传播

Question

我正在使用jquery fullcalendar使用 ASP.NET MVC。

我已经成功实现，但我想在每天加载日历后显示一个超链接。

我也设置了链接，但是当我点击它时遇到了问题，因为我也完成了 dayClick 事件，所以当我点击链接时，click 触发 dayclick 事件不会超链接。

我想在单击该链接时打开新选项卡，而不是 dayclick 事件。

我应该怎么做？

任何人都可以帮我解决这个问题。

提前致谢。

这是一个Code sample :

Answer 1

根据您更新的帖子和评论，以下应该有效

$(document).on('click','.schedulelink',function(e){
   e.stopPropagation();
});

DEMO

这将防止链接上的点击事件冒泡到其父级。

了解更多关于stopPropagation() here的信息

注意:我已在选择器中添加了 document 作为示例，替换为适当的父级，了解有关 on() 的更多信息

DEMO.在此演示中，单击框将显示警报，但单击链接将打开新选项卡

编辑:由于这在您的环境中不起作用(由于某种原因您需要弄清楚)，因此这是一种替代方法。检查 dayClick 处理程序中的目标元素，并根据该执行操作。

dayClick: function(date, allDay, jsEvent, view) { 
  if (!$(jsEvent.target).hasClass('schedulelink')) { 
    //do your task
  } 
}

DEMO