我正在使用AngularJS日历(这实际上是由Adam Shaw为jangle包装的jQuery完整日历).在这里,日历事件项目点击在ipad和桌面上都很好,直到我通过ft labs(https://github.com/ftlabs/fastclick)引入fastclick.js .现在,日历事件项目点击仅适用于桌面,但在ipad上根本不起作用!
但是,在桌面和iPad上快速点击其他ng-click工作正常.
我理解fastclick.js是如何工作的,只需添加触摸结束事件监听器并在其中调用点击事件,并且无法理解为什么这会因日历事件项目点击而失败.
注意:我尝试使用ngTouch而不是fastclick,但是他们的ng-click不会变快.根据谷歌,ngTouch的ng-click不能与jQuery一起使用
我试图在角度UI calendarEvent的鼠标悬停上显示工具提示.我设法执行此操作,如以下线程中所述, 在年视图中为fullcalendar提供工具提示
$scope.eventMouseover = function (calEvent, jsEvent) {
var tooltip = '<div class="tooltipevent">' + calEvent.description + '</div>';
$("body").append(tooltip);
$(this).mouseover(function (e) {
$(this).css('z-index', 10000);
$('.tooltipevent').fadeIn('500');
$('.tooltipevent').fadeTo('10', 1.9);
}).mousemove(function (e) {
$('.tooltipevent').css('top', e.pageY + 10);
$('.tooltipevent').css('left', e.pageX + 20);
});
}
$scope.eventMouseout = function (calEvent, jsEvent) {
$(this).css('z-index', 8);
$('.tooltipevent').remove();
},
Run Code Online (Sandbox Code Playgroud)
显然,这不是最好的方法.使用最新的UI-Bootstrap,我们有一个更好看的工具提示.有没有人成功地将这些工具提示与Angular-UI日历集成在一起?
更新1:如http://arshaw.com/fullcalendar/docs/event_rendering/eventRender/中所述,我尝试重写eventRender并简单地将工具提示属性添加到calendarEvent div.还是行不通.我可以看到,即使mouseover和mouseout事件也没有添加到包含'tooltip'属性的那些calendarEvent div中.
我需要使用单个HTTP请求更新多个记录。一个示例是选择电子邮件列表并将其标记为“未读”。实现此目标的最佳(宁静)方法是什么?
我现在的操作方式是使用子资源操作
PUT http://example.com/api/emails/mark-as-unread
(在身体里)
{ids:[1,2,3....]}
fullcalendar ×2
angular-ui ×1
angularjs ×1
api ×1
javascript ×1
jquery ×1
json ×1
rest ×1
tooltip ×1