点击/单击在移动设备上的angular-leaflet-directive中不起作用的标记事件

时间:2016-07-27 16:28:08

标签: javascript angularjs leaflet angular-leaflet-directive



我在移动设备(Google Nexus 5 + Chrome)上试用时点击/点击标记事件处理有问题。
我使用angular-leaflet-directive在我的AngularJS应用程序中内置了地图。这张地图上有一些标记。当用户点击/点击标记时 - 我想要打开一些带有额外信息的弹出窗口。

当我从笔记本电脑上试用时,它的效果非常完美。如果我记录标记事件,我会看到以下内容:

enter image description here

所以所有点击都在那里,弹出窗口正确打开 当我尝试在Nexus手机上进行调试时,根本没有任何点击。同时由于某种原因双击工作正常。日志如下:

enter image description here

现在的问题是:到底是什么? :) 我真的很感激任何建议。 我正在尝试一些解决方案(即https://github.com/tombatossals/angular-leaflet-directive/issues/743),但它们似乎不起作用。而且我认为双击工作的事实很可能意味着,简单的点击应该也可以在没有额外技巧的情况下工作等等。(如果我错了,请纠正我。)

1 个答案:

答案 0 :(得分:3)

所以我找到了原因,而不是在Leaflet或angular-leaflet-directive中 我正在使用Angular Material框架,它正在劫持我的触摸。

这里描述了类似的问题:
https://github.com/angular/material/issues/1441
并且该解决方案还提出禁用此劫持:

app = angular.module('MyApp', ['ngMaterial'])
    .config(function( $mdGestureProvider ) {
        $mdGestureProvider.skipClickHijack();
});

我相信这对某些人有用。