FullCalendar日点击不工作(什么都不做)

我试图让’dayClick’function在FullCalendar上运行,但是当我按下任何空白的日子时,没有任何反应。 我已搜索到所有SO,无法找到任何解决方案或弄清楚发生了什么。

这是我的代码:

$(document).ready(function () { $('#calendar').fullCalendar({ header: { left: 'title', center: '', right: 'prev,next today' }, defaultView: 'month', weekends: false, editable: false, selectable: true, events: "/Home/GetEvents/", eventClick: function (calEvent, jsEvent, view) { alert('You clicked on event id: ' + calEvent.id + "\nSpecial ID: " + calEvent.someKey + "\nAnd the title is: " + calEvent.title); }, dayClick: function (date, jsEvent, view) { alert("Day Clicked"); $('#eventDate').val($.fullCalendar.formatDate(date, 'dd/MM/yyyy')); ShowEventPopup(date); } }); }); 

我发现在我的日历上,使用display:none;隐藏了类fc-bgdiv display:none; 。 事实certificate,这就是dayClick事件所附加的内容,因为它被隐藏了,所以我无法点击它。

fc-bg类被隐藏的原因是因为我在页面上包含了一个打印CSS。 事实certificate,此样式表在链接上具有media="print"非常重要,否则将始终使用它。

在页面上包含FullCalendar CSS文件时,请确保链接如下所示:

   

我在公司项目中使用了fullcalendar,当窗口在下面的窗口中查看时,dayClick无法正常工作,最后我找到了“html {overflow-x:hidden}”结果的css,我删除了css,没关系。

在花了更多的时间并且得到Ram Singh的确认他的日历与我的代码一起工作正常后,我深入研究了我使用的软件包,并注意到我没有使用bootstrap.js,因为这与我的日历冲突。 因此,我在BUT中添加了这个更新到最新版本,希望它能解决任何依赖冲突。 我还将我的所有其他软件包更新到了​​他们的最新版本,希望这也会有所帮助,现在它可以完美运行! 🙂

希望这些信息可以帮助别人!

我已经下载了代码,只是在演示代码中添加了你的dayClick代码,它运行正常。 请参阅以下代码:

  

  

我认为你缺少宣布任何东西或者你得到任何其他错误。 请检查您的Firebug控制台。

我的问题接近于: https : //stackoverflow.com/a/39342912/6364246

dayClick仅在我点击屏幕可见而不滚动时才有效。 我将html css {overflow-y:scrolling}改为{overflow-y:visible}并且工作了