点击不在移动浏览器上工作

Question

我有以下问题

<ul>
  <li>
     <a href="/">main page</a>
  </li>
</ul>

这适用于任何桌面浏览器，但不会点击Ipad / Iphone和Android。

Answer 1

这个问题与您提到的设备（Ipad / Iphone，Android手机）有关。 touchend事件调用event.stopPropagation（），因为您无法执行该操作。 要解决您的问题，您有两个解决方案： - 不要把你的代码放在

中

<ul> and <li> and the code will be like that 

<div>
   <a href="/"> main page</a>
</div>

- 第二个解决方案创建一个名为eventStop的新指令

<ul>
 <li>
   <a href="/" stop-event="touchend">main page</a>
 </li>
</ul>

，指令是

.directive('stopEvent', function() {
        return {
            restrict: 'A',
            link: function(scope, element, attr) {
                element.on(attr.stopEvent, function(e) {
                    e.stopPropagation();
                });
            }
        };
    });