在每天 jquery 全日历加载后添加自定义超链接，并在点击超链接时停止阻止/传播

Question

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

我已成功实施，但我想在每天加载日历后显示一个 hyperlink。

我也设置了 link 但是当我点击它时出现问题因为我也完成了 dayClick 事件所以当我点击在 link 单击触发 dayclick 事件而不是 hyperlink。

我想在单击那个 link 而不是 dayclick 事件时打开新选项卡。

我应该怎么做？

谁能帮我解决这个问题。

提前致谢。

Answer 1

根据您更新后的 post 和下面的评论应该有效

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

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

注意：我在选择器中添加了 document 作为示例，替换为适当的父级，阅读更多关于 on()

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

编辑：由于这在您的环境中不起作用（出于某种您需要弄清楚的原因），这里是另一种方法。检查 dayClick 处理程序中的目标元素并基于该执行操作。

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

Add custom hyperlink after jquery fullcalendar load on each day & stop prevent / propogation on click of hyperlink