添加支持Apple Mobile Web App的應用程序會停止識別SVG

Question

我正在嘗試向SVG添加觸摸功能。

我使用類似選擇器的jQuery識別觸摸事件。 （我實際上正在使用角度JQLite-angular.element（））：

 .on("mousedown touch", function(event) {

在我的台式機和移動Safari中，沒有問題。 觸摸被正確識別。 另存為書簽時，它也會正確響應，但是當我添加以下內容時：

  <meta name="apple-mobile-web-app-capable" content="yes" />

在我的標題中，然后保存到主屏幕..觸摸片無響應。

我想知道是否有人知道此問題的根本原因或解決方法？ 我正在使用Angular 1.2.27和iOS 8

Answer 1

有關信息，我通過將ng-click嵌入SVG本身來解決此問題。

這可能會導致click / moousedown / touchstart的角度JQLite實現成為原因或可能不支持與ng-click相同的觸摸事件。

Answer 2

將以下行添加到css文件。

svg {
    pointer-events: none;
}

現在應該可以了。